#ffd474 hex color

In a RGB color space, hex #ffd474 is composed of 100% red, 83.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 54.5% yellow and 0% black. It has a hue angle of 41.4 degrees, a saturation of 100% and a lightness of 72.7%. #ffd474 color hex could be obtained by blending #ffffe8 with #ffa900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 83
- B 45
RGB color chart
- C 0
- M 17
- Y 55
- K 0
CMYK color chart

● #ffd474 color description : Very light orange.

The hexadecimal color #ffd474 has RGB values of R:255, G:212, B:116 and CMYK values of C:0, M:0.17, Y:0.55, K:0. Its decimal value is 16766068.

Hex triplet	ffd474	`#ffd474`
RGB Decimal	255, 212, 116	`rgb(255,212,116)`
RGB Percent	100, 83.1, 45.5	`rgb(100%,83.1%,45.5%)`
CMYK	0, 17, 55, 0
HSL	41.4°, 100, 72.7	`hsl(41.4,100%,72.7%)`
HSV (or HSB)	41.4°, 54.5, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.805, 3.925, 52.57
XYZ	67.936, 69.611, 26.38
xyY	0.414, 0.425, 69.611
CIE-LCH	86.805, 52.716, 85.73
CIE-LUV	86.805, 34.171, 64.983
Hunter-Lab	83.433, -0.662, 39.657
Binary	11111111, 11010100, 01110100

#ffd474
```
#ffd474 rgb(255,212,116)
```
#749fff
```
#749fff rgb(116,159,255)
```

Complementary Color

#ff8f74
```
#ff8f74 rgb(255,143,116)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#e5ff74
```
#e5ff74 rgb(229,255,116)
```

Analogous Color

#8f74ff
```
#8f74ff rgb(143,116,255)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#74e5ff
```
#74e5ff rgb(116,229,255)
```

Split Complementary Color

#d474ff
```
#d474ff rgb(212,116,255)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#74ffd4
```
#74ffd4 rgb(116,255,212)
```

Triadic Color

#ff749f
```
#ff749f rgb(255,116,159)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#74ffd4
```
#74ffd4 rgb(116,255,212)
```
#749fff
```
#749fff rgb(116,159,255)
```

Tetradic Color

#ffbc28
```
#ffbc28 rgb(255,188,40)
```
#ffc441
```
#ffc441 rgb(255,196,65)
```
#ffcc5b
```
#ffcc5b rgb(255,204,91)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#ffdc8e
```
#ffdc8e rgb(255,220,142)
```
#ffe4a7
```
#ffe4a7 rgb(255,228,167)
```
#ffecc1
```
#ffecc1 rgb(255,236,193)
```

Monochromatic Color

Below, you can see some colors close to #ffd474. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ffb174
```
#ffb174 rgb(255,177,116)
```
#ffbd74
```
#ffbd74 rgb(255,189,116)
```
#ffc874
```
#ffc874 rgb(255,200,116)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#ffe074
```
#ffe074 rgb(255,224,116)
```
#ffeb74
```
#ffeb74 rgb(255,235,116)
```
#fff774
```
#fff774 rgb(255,247,116)
```

Similar Colors

Text with hexadecimal color #ffd474

This text has a font color of #ffd474.

<span style="color:#ffd474;">Text here</span>

#ffd474 background color

This paragraph has a background color of #ffd474.

<p style="background-color:#ffd474;">Content here</p>

#ffd474 border color

This element has a border color of #ffd474.

<div style="border:1px solid #ffd474;">Content here</div>

CSS codes

.text {color:#ffd474;}

.background {background-color:#ffd474;}

.border {border:1px solid #ffd474;}

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, #120c00 is the darkest color, while #fffefd is the lightest one.

#120c00
```
#120c00 rgb(18,12,0)
```
#261a00
```
#261a00 rgb(38,26,0)
```
#392700
```
#392700 rgb(57,39,0)
```
#4d3500
```
#4d3500 rgb(77,53,0)
```
#604300
```
#604300 rgb(96,67,0)
```
#745000
```
#745000 rgb(116,80,0)
```
#885e00
```
#885e00 rgb(136,94,0)
```
#9b6b00
```
#9b6b00 rgb(155,107,0)
```
#af7900
```
#af7900 rgb(175,121,0)
```
#c28600
```
#c28600 rgb(194,134,0)
```
#d69400
```
#d69400 rgb(214,148,0)
```
#eaa100
```
#eaa100 rgb(234,161,0)
```
#fdaf00
```
#fdaf00 rgb(253,175,0)
```

Shade Color Variation

#ffb612
```
#ffb612 rgb(255,182,18)
```
#ffbc26
```
#ffbc26 rgb(255,188,38)
```
#ffc239
```
#ffc239 rgb(255,194,57)
```
#ffc84d
```
#ffc84d rgb(255,200,77)
```
#ffce60
```
#ffce60 rgb(255,206,96)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```
#ffda88
```
#ffda88 rgb(255,218,136)
```
#ffe09b
```
#ffe09b rgb(255,224,155)
```
#ffe6af
```
#ffe6af rgb(255,230,175)
```
#ffecc2
```
#ffecc2 rgb(255,236,194)
```
#fff2d6
```
#fff2d6 rgb(255,242,214)
```
#fff8ea
```
#fff8ea rgb(255,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bfbcb4 is the less saturated color, while #ffd474 is the most saturated one.

#bfbcb4
```
#bfbcb4 rgb(191,188,180)
```
#c4beaf
```
#c4beaf rgb(196,190,175)
```
#cac0a9
```
#cac0a9 rgb(202,192,169)
```
#cfc2a4
```
#cfc2a4 rgb(207,194,164)
```
#d4c49f
```
#d4c49f rgb(212,196,159)
```
#dac699
```
#dac699 rgb(218,198,153)
```
#dfc894
```
#dfc894 rgb(223,200,148)
```
#e4ca8f
```
#e4ca8f rgb(228,202,143)
```
#eacc89
```
#eacc89 rgb(234,204,137)
```
#efce84
```
#efce84 rgb(239,206,132)
```
#f4d07f
```
#f4d07f rgb(244,208,127)
```
#fad279
```
#fad279 rgb(250,210,121)
```
#ffd474
```
#ffd474 rgb(255,212,116)
```

Tone Color Variation

Below, you can see how #ffd474 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.

Monochromacy

#d6d6d6 Achromatopsia 0.005% of the population
#ded6c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0db7c Protanopia 1% of men
#ffd49d Deuteranopia 1% of men
#ffcfd9 Tritanopia 0.001% of the population

Trichromacy

#f5d879 Protanomaly 1% of men, 0.01% of women
#ffd48e Deuteranomaly 6% of men, 0.4% of women
#ffd0b4 Tritanomaly 0.01% of the population

#ffd474 hex color

#ffd474 Color Information

#ffd474 Color Conversion

Color Schemes with #ffd474

Alternatives to #ffd474

#ffd474 Preview

Shades and Tints of #ffd474

Tones of #ffd474

Color Blindness Simulator