colorhexa.com

#fdb414 hex color

In a RGB color space, hex #fdb414 is composed of 99.2% red, 70.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 92.1% yellow and 0.8% black. It has a hue angle of 41.2 degrees, a saturation of 98.3% and a lightness of 53.5%. #fdb414 color hex could be obtained by blending #ffff28 with #fb6900. Closest websafe color is: #ffcc00.

- R 99
- G 71
- B 8
RGB color chart
- C 0
- M 29
- Y 92
- K 1
CMYK color chart

● #fdb414 color description : Vivid orange.

The hexadecimal color #fdb414 has RGB values of R:253, G:180, B:20 and CMYK values of C:0, M:0.29, Y:0.92, K:0.01. Its decimal value is 16626708.

Hex triplet	fdb414	`#fdb414`
RGB Decimal	253, 180, 20	`rgb(253,180,20)`
RGB Percent	99.2, 70.6, 7.8	`rgb(99.2%,70.6%,7.8%)`
CMYK	0, 29, 92, 1
HSL	41.2°, 98.3, 53.5	`hsl(41.2,98.3%,53.5%)`
HSV (or HSB)	41.2°, 92.1, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	78.216, 15.438, 78.66
XYZ	56.957, 53.579, 8.004
xyY	0.48, 0.452, 53.579
CIE-LCH	78.216, 80.161, 78.896
CIE-LUV	78.216, 60.695, 78.038
Hunter-Lab	73.198, 10.799, 44.755
Binary	11111101, 10110100, 00010100

#fdb414
```
#fdb414 rgb(253,180,20)
```
#145dfd
```
#145dfd rgb(20,93,253)
```

Complementary Color

#fd4014
```
#fd4014 rgb(253,64,20)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#d2fd14
```
#d2fd14 rgb(210,253,20)
```

Analogous Color

#3f14fd
```
#3f14fd rgb(63,20,253)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#14d2fd
```
#14d2fd rgb(20,210,253)
```

Split Complementary Color

#b414fd
```
#b414fd rgb(180,20,253)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#14fdb4
```
#14fdb4 rgb(20,253,180)
```

Triadic Color

#fd145d
```
#fd145d rgb(253,20,93)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#14fdb4
```
#14fdb4 rgb(20,253,180)
```
#145dfd
```
#145dfd rgb(20,93,253)
```

Tetradic Color

#c38602
```
#c38602 rgb(195,134,2)
```
#dc9802
```
#dc9802 rgb(220,152,2)
```
#f5a902
```
#f5a902 rgb(245,169,2)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#fdbc2d
```
#fdbc2d rgb(253,188,45)
```
#fdc447
```
#fdc447 rgb(253,196,71)
```
#fecc60
```
#fecc60 rgb(254,204,96)
```

Monochromatic Color

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

#fd7a14
```
#fd7a14 rgb(253,122,20)
```
#fd8d14
```
#fd8d14 rgb(253,141,20)
```
#fda114
```
#fda114 rgb(253,161,20)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```
#fdc714
```
#fdc714 rgb(253,199,20)
```
#fddb14
```
#fddb14 rgb(253,219,20)
```
#fdee14
```
#fdee14 rgb(253,238,20)
```

Similar Colors

Text with hexadecimal color #fdb414

This text has a font color of #fdb414.

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

#fdb414 background color

This paragraph has a background color of #fdb414.

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

#fdb414 border color

This element has a border color of #fdb414.

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

CSS codes

.text {color:#fdb414;}

.background {background-color:#fdb414;}

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

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)
```
#251a00
```
#251a00 rgb(37,26,0)
```
#392700
```
#392700 rgb(57,39,0)
```
#4c3501
```
#4c3501 rgb(76,53,1)
```
#604201
```
#604201 rgb(96,66,1)
```
#734f01
```
#734f01 rgb(115,79,1)
```
#875d01
```
#875d01 rgb(135,93,1)
```
#9a6a01
```
#9a6a01 rgb(154,106,1)
```
#ad7801
```
#ad7801 rgb(173,120,1)
```
#c18502
```
#c18502 rgb(193,133,2)
```
#d49202
```
#d49202 rgb(212,146,2)
```
#e8a002
```
#e8a002 rgb(232,160,2)
```
#fbad02
```
#fbad02 rgb(251,173,2)
```

Shade Color Variation

#fdb414
```
#fdb414 rgb(253,180,20)
```
#fdba27
```
#fdba27 rgb(253,186,39)
```
#fdc03b
```
#fdc03b rgb(253,192,59)
```
#fdc74e
```
#fdc74e rgb(253,199,78)
```
#fecd62
```
#fecd62 rgb(254,205,98)
```
#fed375
```
#fed375 rgb(254,211,117)
```
#fed989
```
#fed989 rgb(254,217,137)
```
#fedf9c
```
#fedf9c rgb(254,223,156)
```
#fee6b0
```
#fee6b0 rgb(254,230,176)
```
#feecc3
```
#feecc3 rgb(254,236,195)
```
#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, #908b81 is the less saturated color, while #fdb414 is the most saturated one.

#908b81
```
#908b81 rgb(144,139,129)
```
#998f78
```
#998f78 rgb(153,143,120)
```
#a2926f
```
#a2926f rgb(162,146,111)
```
#ab9566
```
#ab9566 rgb(171,149,102)
```
#b4995d
```
#b4995d rgb(180,153,93)
```
#bd9c54
```
#bd9c54 rgb(189,156,84)
```
#c6a04b
```
#c6a04b rgb(198,160,75)
```
#cfa342
```
#cfa342 rgb(207,163,66)
```
#d9a638
```
#d9a638 rgb(217,166,56)
```
#e2aa2f
```
#e2aa2f rgb(226,170,47)
```
#ebad26
```
#ebad26 rgb(235,173,38)
```
#f4b11d
```
#f4b11d rgb(244,177,29)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c6b797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc524 Protanopia 1% of men
#f5bb1c Deuteranopia 1% of men
#ffaeb9 Tritanopia 0.001% of the population

Trichromacy

#e8be1e Protanomaly 1% of men, 0.01% of women
#f8b819 Deuteranomaly 6% of men, 0.4% of women
#feb07d Tritanomaly 0.01% of the population