#fdd166 Color Information
In a RGB color space, hex #fdd166 is composed of 99.2% red, 82% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 59.7% yellow and 0.8% black. It has a hue angle of 42.5 degrees, a saturation of 97.4% and a lightness of 69.6%. #fdd166 color hex could be obtained by blending #ffffcc with #fba300. Closest websafe color is: #ffcc66.
-
- R 99
- G 82
- B 40
-
- C 0
- M 17
- Y 60
- K 1
● #fdd166 color description : Soft orange.
#fdd166 Color Conversion
The hexadecimal color #fdd166 has RGB values of R:253, G:209, B:102 and CMYK values of C:0, M:0.17, Y:0.6, K:0.01. Its decimal value is 16634214.
Hex triplet | fdd166 | #fdd166 |
---|---|---|
RGB Decimal | 253, 209, 102 | rgb(253,209,102) |
RGB Percent | 99.2, 82, 40 | rgb(99.2%,82%,40%) |
CMYK | 0, 17, 60, 1 | |
HSL | 42.5°, 97.4, 69.6 | hsl(42.5,97.4%,69.6%) |
HSV (or HSB) | 42.5°, 59.7, 99.2 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 85.728, 3.623, 57.809 |
---|---|
XYZ | 65.707, 67.446, 22.127 |
xyY | 0.423, 0.434, 67.446 |
CIE-LCH | 85.728, 57.923, 86.413 |
CIE-LUV | 85.728, 35.609, 69.513 |
Hunter-Lab | 82.125, -0.904, 41.513 |
Binary | 11111101, 11010001, 01100110 |
Color Schemes with #fdd166
Alternatives to #fdd166
Below, you can see some colors close to #fdd166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fdd166 Preview
This text has a font color of #fdd166.
<span style="color:#fdd166;">Text here</span>
This paragraph has a background color of #fdd166.
<p style="background-color:#fdd166;">Content here</p>
This element has a border color of #fdd166.
<div style="border:1px solid #fdd166;">Content here</div>
.text {color:#fdd166;}
.background {background-color:#fdd166;}
.border {border:1px solid #fdd166;}
Shades and Tints of #fdd166
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020100 is the darkest color, while #fffaee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#291d01
#291d01
rgb(41,29,1)
-
#3c2b01
#3c2b01
rgb(60,43,1)
-
#4f3901
#4f3901
rgb(79,57,1)
-
#634601
#634601
rgb(99,70,1)
-
#765402
#765402
rgb(118,84,2)
-
#896202
#896202
rgb(137,98,2)
-
#9d7002
#9d7002
rgb(157,112,2)
-
#b07d02
#b07d02
rgb(176,125,2)
-
#c48b03
#c48b03
rgb(196,139,3)
-
#d79903
#d79903
rgb(215,153,3)
-
#eaa703
#eaa703
rgb(234,167,3)
-
#fcb405
#fcb405
rgb(252,180,5)
-
#fcba19
#fcba19
rgb(252,186,25)
-
#fcc02c
#fcc02c
rgb(252,192,44)
-
#fcc53f
#fcc53f
rgb(252,197,63)
-
#fdcb53
#fdcb53
rgb(253,203,83)
-
#fdd166
#fdd166
rgb(253,209,102)
-
#fdd779
#fdd779
rgb(253,215,121)
-
#fedd8d
#fedd8d
rgb(254,221,141)
-
#fee2a0
#fee2a0
rgb(254,226,160)
-
#fee8b3
#fee8b3
rgb(254,232,179)
-
#feeec7
#feeec7
rgb(254,238,199)
-
#fff4da
#fff4da
rgb(255,244,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #fdd166
A tone is produced by adding gray to any pure hue. In this case, #b5b3ae is the less saturated color, while #fdd166 is the most saturated one.
-
#b5b3ae
#b5b3ae
rgb(181,179,174)
-
#bbb6a8
#bbb6a8
rgb(187,182,168)
-
#c1b8a2
#c1b8a2
rgb(193,184,162)
-
#c7bb9c
#c7bb9c
rgb(199,187,156)
-
#cdbd96
#cdbd96
rgb(205,189,150)
-
#d3c090
#d3c090
rgb(211,192,144)
-
#d9c28a
#d9c28a
rgb(217,194,138)
-
#dfc584
#dfc584
rgb(223,197,132)
-
#e5c77e
#e5c77e
rgb(229,199,126)
-
#ebca78
#ebca78
rgb(235,202,120)
-
#f1cc72
#f1cc72
rgb(241,204,114)
-
#f7cf6c
#f7cf6c
rgb(247,207,108)
-
#fdd166
#fdd166
rgb(253,209,102)
Color Blindness Simulator
Below, you can see how #fdd166 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.