#ffc676 Color Information
In a RGB color space, hex #ffc676 is composed of 100% red, 77.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 53.7% yellow and 0% black. It has a hue angle of 35 degrees, a saturation of 100% and a lightness of 73.1%. #ffc676 color hex could be obtained by blending #ffffec with #ff8d00. Closest websafe color is: #ffcc66.
-
- R 100
- G 78
- B 46
-
- C 0
- M 22
- Y 54
- K 0
● #ffc676 color description : Very light orange.
#ffc676 Color Conversion
The hexadecimal color #ffc676 has RGB values of R:255, G:198, B:118 and CMYK values of C:0, M:0.22, Y:0.54, K:0. Its decimal value is 16762486.
Hex triplet | ffc676 | #ffc676 |
---|---|---|
RGB Decimal | 255, 198, 118 | rgb(255,198,118) |
RGB Percent | 100, 77.6, 46.3 | rgb(100%,77.6%,46.3%) |
CMYK | 0, 22, 54, 0 | |
HSL | 35°, 100, 73.1 | hsl(35,100%,73.1%) |
HSV (or HSB) | 35°, 53.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.421, 11.31, 47.522 |
---|---|
XYZ | 64.705, 62.959, 25.883 |
xyY | 0.421, 0.41, 62.959 |
CIE-LCH | 83.421, 48.849, 76.614 |
CIE-LUV | 83.421, 43.727, 57.552 |
Hunter-Lab | 79.347, 6.704, 36.202 |
Binary | 11111111, 11000110, 01110110 |
Color Schemes with #ffc676
Alternatives to #ffc676
Below, you can see some colors close to #ffc676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc676 Preview
This text has a font color of #ffc676.
<span style="color:#ffc676;">Text here</span>
This paragraph has a background color of #ffc676.
<p style="background-color:#ffc676;">Content here</p>
This element has a border color of #ffc676.
<div style="border:1px solid #ffc676;">Content here</div>
.text {color:#ffc676;}
.background {background-color:#ffc676;}
.border {border:1px solid #ffc676;}
Shades and Tints of #ffc676
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, #000000 is the darkest color, while #fff7ec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140c00
#140c00
rgb(20,12,0)
-
#281700
#281700
rgb(40,23,0)
-
#3b2300
#3b2300
rgb(59,35,0)
-
#4f2e00
#4f2e00
rgb(79,46,0)
-
#623900
#623900
rgb(98,57,0)
-
#764500
#764500
rgb(118,69,0)
-
#8a5000
#8a5000
rgb(138,80,0)
-
#9d5c00
#9d5c00
rgb(157,92,0)
-
#b16700
#b16700
rgb(177,103,0)
-
#c47300
#c47300
rgb(196,115,0)
-
#d87e00
#d87e00
rgb(216,126,0)
-
#ec8a00
#ec8a00
rgb(236,138,0)
-
#ff9500
#ff9500
rgb(255,149,0)
-
#ff9d14
#ff9d14
rgb(255,157,20)
-
#ffa528
#ffa528
rgb(255,165,40)
-
#ffae3b
#ffae3b
rgb(255,174,59)
-
#ffb64f
#ffb64f
rgb(255,182,79)
-
#ffbe62
#ffbe62
rgb(255,190,98)
-
#ffc676
#ffc676
rgb(255,198,118)
-
#ffce8a
#ffce8a
rgb(255,206,138)
-
#ffd69d
#ffd69d
rgb(255,214,157)
-
#ffdeb1
#ffdeb1
rgb(255,222,177)
-
#ffe7c4
#ffe7c4
rgb(255,231,196)
-
#ffefd8
#ffefd8
rgb(255,239,216)
-
#fff7ec
#fff7ec
rgb(255,247,236)
Tones of #ffc676
A tone is produced by adding gray to any pure hue. In this case, #c0bbb5 is the less saturated color, while #ffc676 is the most saturated one.
-
#c0bbb5
#c0bbb5
rgb(192,187,181)
-
#c5bcb0
#c5bcb0
rgb(197,188,176)
-
#cabdab
#cabdab
rgb(202,189,171)
-
#d0bea5
#d0bea5
rgb(208,190,165)
-
#d5bfa0
#d5bfa0
rgb(213,191,160)
-
#dac09b
#dac09b
rgb(218,192,155)
-
#dfc196
#dfc196
rgb(223,193,150)
-
#e5c290
#e5c290
rgb(229,194,144)
-
#eac28b
#eac28b
rgb(234,194,139)
-
#efc386
#efc386
rgb(239,195,134)
-
#f4c481
#f4c481
rgb(244,196,129)
-
#fac57b
#fac57b
rgb(250,197,123)
-
#ffc676
#ffc676
rgb(255,198,118)
Color Blindness Simulator
Below, you can see how #ffc676 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.