#ffc666 Color Information
In a RGB color space, hex #ffc666 is composed of 100% red, 77.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 60% yellow and 0% black. It has a hue angle of 37.6 degrees, a saturation of 100% and a lightness of 70%. #ffc666 color hex could be obtained by blending #ffffcc with #ff8d00. Closest websafe color is: #ffcc66.
-
- R 100
- G 78
- B 40
-
- C 0
- M 22
- Y 60
- K 0
● #ffc666 color description : Light orange.
#ffc666 Color Conversion
The hexadecimal color #ffc666 has RGB values of R:255, G:198, B:102 and CMYK values of C:0, M:0.22, Y:0.6, K:0. Its decimal value is 16762470.
Hex triplet | ffc666 | #ffc666 |
---|---|---|
RGB Decimal | 255, 198, 102 | rgb(255,198,102) |
RGB Percent | 100, 77.6, 40 | rgb(100%,77.6%,40%) |
CMYK | 0, 22, 60, 0 | |
HSL | 37.6°, 100, 70 | hsl(37.6,100%,70%) |
HSV (or HSB) | 37.6°, 60, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.237, 10.118, 55.011 |
---|---|
XYZ | 63.833, 62.611, 21.293 |
xyY | 0.432, 0.424, 62.611 |
CIE-LCH | 83.237, 55.933, 79.578 |
CIE-LUV | 83.237, 44.894, 64.752 |
Hunter-Lab | 79.127, 5.527, 39.434 |
Binary | 11111111, 11000110, 01100110 |
Color Schemes with #ffc666
Alternatives to #ffc666
Below, you can see some colors close to #ffc666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc666 Preview
This text has a font color of #ffc666.
<span style="color:#ffc666;">Text here</span>
This paragraph has a background color of #ffc666.
<p style="background-color:#ffc666;">Content here</p>
This element has a border color of #ffc666.
<div style="border:1px solid #ffc666;">Content here</div>
.text {color:#ffc666;}
.background {background-color:#ffc666;}
.border {border:1px solid #ffc666;}
Shades and Tints of #ffc666
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, #040200 is the darkest color, while #fff9ef is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#180f00
#180f00
rgb(24,15,0)
-
#2b1b00
#2b1b00
rgb(43,27,0)
-
#3f2700
#3f2700
rgb(63,39,0)
-
#523400
#523400
rgb(82,52,0)
-
#664000
#664000
rgb(102,64,0)
-
#7a4c00
#7a4c00
rgb(122,76,0)
-
#8d5900
#8d5900
rgb(141,89,0)
-
#a16500
#a16500
rgb(161,101,0)
-
#b47100
#b47100
rgb(180,113,0)
-
#c87e00
#c87e00
rgb(200,126,0)
-
#dc8a00
#dc8a00
rgb(220,138,0)
-
#ef9600
#ef9600
rgb(239,150,0)
-
#ffa104
#ffa104
rgb(255,161,4)
-
#ffa918
#ffa918
rgb(255,169,24)
-
#ffb02b
#ffb02b
rgb(255,176,43)
-
#ffb73f
#ffb73f
rgb(255,183,63)
-
#ffbf52
#ffbf52
rgb(255,191,82)
-
#ffc666
#ffc666
rgb(255,198,102)
-
#ffcd7a
#ffcd7a
rgb(255,205,122)
-
#ffd58d
#ffd58d
rgb(255,213,141)
-
#ffdca1
#ffdca1
rgb(255,220,161)
-
#ffe3b4
#ffe3b4
rgb(255,227,180)
-
#ffebc8
#ffebc8
rgb(255,235,200)
-
#fff2dc
#fff2dc
rgb(255,242,220)
-
#fff9ef
#fff9ef
rgb(255,249,239)
Tones of #ffc666
A tone is produced by adding gray to any pure hue. In this case, #b8b4ad is the less saturated color, while #ffc666 is the most saturated one.
-
#b8b4ad
#b8b4ad
rgb(184,180,173)
-
#beb6a7
#beb6a7
rgb(190,182,167)
-
#c4b7a1
#c4b7a1
rgb(196,183,161)
-
#cab99b
#cab99b
rgb(202,185,155)
-
#d0ba95
#d0ba95
rgb(208,186,149)
-
#d6bc8f
#d6bc8f
rgb(214,188,143)
-
#dcbd89
#dcbd89
rgb(220,189,137)
-
#e2bf83
#e2bf83
rgb(226,191,131)
-
#e7c07e
#e7c07e
rgb(231,192,126)
-
#edc278
#edc278
rgb(237,194,120)
-
#f3c372
#f3c372
rgb(243,195,114)
-
#f9c56c
#f9c56c
rgb(249,197,108)
-
#ffc666
#ffc666
rgb(255,198,102)
Color Blindness Simulator
Below, you can see how #ffc666 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.