#fdb314 hex color

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

♥
- f
- t
- g
- R 99
- G 70
- B 8
RGB color chart
- C 0
- M 29
- Y 92
- K 1
CMYK color chart

● #fdb314 color description : Vivid orange.

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

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

CIE-LAB	77.979, 15.96, 78.487
XYZ	56.756, 53.177, 7.937
xyY	0.482, 0.451, 53.177
CIE-LCH	77.979, 80.094, 78.506
CIE-LUV	77.979, 61.497, 77.673
Hunter-Lab	72.923, 11.313, 44.593
Binary	11111101, 10110011, 00010100

#fdb314
```
#fdb314 rgb(253,179,20)
```
#145efd
```
#145efd rgb(20,94,253)
```

Complementary Color

#fd3e14
```
#fd3e14 rgb(253,62,20)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#d3fd14
```
#d3fd14 rgb(211,253,20)
```

Analogous Color

#3f14fd
```
#3f14fd rgb(63,20,253)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#14d3fd
```
#14d3fd rgb(20,211,253)
```

Split Complementary Color

#b314fd
```
#b314fd rgb(179,20,253)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#14fdb3
```
#14fdb3 rgb(20,253,179)
```

Triadic Color

#fd145e
```
#fd145e rgb(253,20,94)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#14fdb3
```
#14fdb3 rgb(20,253,179)
```
#145efd
```
#145efd rgb(20,94,253)
```

Tetradic Color

#c38502
```
#c38502 rgb(195,133,2)
```
#dc9702
```
#dc9702 rgb(220,151,2)
```
#f5a802
```
#f5a802 rgb(245,168,2)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#fdbb2d
```
#fdbb2d rgb(253,187,45)
```
#fdc347
```
#fdc347 rgb(253,195,71)
```
#fecc60
```
#fecc60 rgb(254,204,96)
```

Monochromatic Color

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

#fd7914
```
#fd7914 rgb(253,121,20)
```
#fd8c14
```
#fd8c14 rgb(253,140,20)
```
#fda014
```
#fda014 rgb(253,160,20)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```
#fdc614
```
#fdc614 rgb(253,198,20)
```
#fdda14
```
#fdda14 rgb(253,218,20)
```
#fded14
```
#fded14 rgb(253,237,20)
```

Similar Colors

Text with hexadecimal color #fdb314

This text has a font color of #fdb314.

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

#fdb314 background color

This paragraph has a background color of #fdb314.

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

#fdb314 border color

This element has a border color of #fdb314.

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

CSS codes

.text {color:#fdb314;}

.background {background-color:#fdb314;}

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

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)
```
#4c3401
```
#4c3401 rgb(76,52,1)
```
#604201
```
#604201 rgb(96,66,1)
```
#734f01
```
#734f01 rgb(115,79,1)
```
#875c01
```
#875c01 rgb(135,92,1)
```
#9a6a01
```
#9a6a01 rgb(154,106,1)
```
#ad7701
```
#ad7701 rgb(173,119,1)
```
#c18402
```
#c18402 rgb(193,132,2)
```
#d49102
```
#d49102 rgb(212,145,2)
```
#e89f02
```
#e89f02 rgb(232,159,2)
```
#fbac02
```
#fbac02 rgb(251,172,2)
```

Shade Color Variation

#fdb314
```
#fdb314 rgb(253,179,20)
```
#fdb927
```
#fdb927 rgb(253,185,39)
```
#fdc03b
```
#fdc03b rgb(253,192,59)
```
#fdc64e
```
#fdc64e rgb(253,198,78)
```
#fecc62
```
#fecc62 rgb(254,204,98)
```
#fed275
```
#fed275 rgb(254,210,117)
```
#fed989
```
#fed989 rgb(254,217,137)
```
#fedf9c
```
#fedf9c rgb(254,223,156)
```
#fee5b0
```
#fee5b0 rgb(254,229,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 #fdb314 is the most saturated one.

#908b81
```
#908b81 rgb(144,139,129)
```
#998e78
```
#998e78 rgb(153,142,120)
```
#a2926f
```
#a2926f rgb(162,146,111)
```
#ab9566
```
#ab9566 rgb(171,149,102)
```
#b4985d
```
#b4985d rgb(180,152,93)
```
#bd9c54
```
#bd9c54 rgb(189,156,84)
```
#c69f4b
```
#c69f4b rgb(198,159,75)
```
#cfa242
```
#cfa242 rgb(207,162,66)
```
#d9a638
```
#d9a638 rgb(217,166,56)
```
#e2a92f
```
#e2a92f rgb(226,169,47)
```
#ebac26
```
#ebac26 rgb(235,172,38)
```
#f4b01d
```
#f4b01d rgb(244,176,29)
```
#fdb314
```
#fdb314 rgb(253,179,20)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc424 Protanopia 1% of men
#f5ba1b Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e7be1e Protanomaly 1% of men, 0.01% of women
#f8b719 Deuteranomaly 6% of men, 0.4% of women
#feaf7c Tritanomaly 0.01% of the population

#fdb314 hex color

#fdb314 Color Information

#fdb314 Color Conversion

Color Schemes with #fdb314

Alternatives to #fdb314

#fdb314 Preview

Shades and Tints of #fdb314

Tones of #fdb314

Color Blindness Simulator