#fdb31e hex color

In a RGB color space, hex #fdb31e is composed of 99.2% red, 70.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.2% magenta, 88.1% yellow and 0.8% black. It has a hue angle of 40.1 degrees, a saturation of 98.2% and a lightness of 55.5%. #fdb31e color hex could be obtained by blending #ffff3c with #fb6700. Closest websafe color is: #ffcc33.

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

● #fdb31e color description : Vivid orange.

The hexadecimal color #fdb31e has RGB values of R:253, G:179, B:30 and CMYK values of C:0, M:0.29, Y:0.88, K:0.01. Its decimal value is 16626462.

Hex triplet	fdb31e	`#fdb31e`
RGB Decimal	253, 179, 30	`rgb(253,179,30)`
RGB Percent	99.2, 70.2, 11.8	`rgb(99.2%,70.2%,11.8%)`
CMYK	0, 29, 88, 1
HSL	40.1°, 98.2, 55.5	`hsl(40.1,98.2%,55.5%)`
HSV (or HSB)	40.1°, 88.1, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	78.005, 16.118, 76.58
XYZ	56.864, 53.22, 8.506
xyY	0.479, 0.449, 53.22
CIE-LCH	78.005, 78.258, 78.115
CIE-LUV	78.005, 61.281, 76.6
Hunter-Lab	72.952, 11.469, 44.154
Binary	11111101, 10110011, 00011110

#fdb31e
```
#fdb31e rgb(253,179,30)
```
#1e68fd
```
#1e68fd rgb(30,104,253)
```

Complementary Color

#fd441e
```
#fd441e rgb(253,68,30)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#d8fd1e
```
#d8fd1e rgb(216,253,30)
```

Analogous Color

#441efd
```
#441efd rgb(68,30,253)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#1ed8fd
```
#1ed8fd rgb(30,216,253)
```

Split Complementary Color

#b31efd
```
#b31efd rgb(179,30,253)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#1efdb3
```
#1efdb3 rgb(30,253,179)
```

Triadic Color

#fd1e68
```
#fd1e68 rgb(253,30,104)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#1efdb3
```
#1efdb3 rgb(30,253,179)
```
#1e68fd
```
#1e68fd rgb(30,104,253)
```

Tetradic Color

#cd8902
```
#cd8902 rgb(205,137,2)
```
#e69a02
```
#e69a02 rgb(230,154,2)
```
#fdaa05
```
#fdaa05 rgb(253,170,5)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#fdbc37
```
#fdbc37 rgb(253,188,55)
```
#fdc451
```
#fdc451 rgb(253,196,81)
```
#fecd6a
```
#fecd6a rgb(254,205,106)
```

Monochromatic Color

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

#fd7b1e
```
#fd7b1e rgb(253,123,30)
```
#fd8e1e
```
#fd8e1e rgb(253,142,30)
```
#fda01e
```
#fda01e rgb(253,160,30)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#fdc61e
```
#fdc61e rgb(253,198,30)
```
#fdd81e
```
#fdd81e rgb(253,216,30)
```
#fdeb1e
```
#fdeb1e rgb(253,235,30)
```

Similar Colors

Text with hexadecimal color #fdb31e

This text has a font color of #fdb31e.

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

#fdb31e background color

This paragraph has a background color of #fdb31e.

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

#fdb31e border color

This element has a border color of #fdb31e.

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

CSS codes

.text {color:#fdb31e;}

.background {background-color:#fdb31e;}

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

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, #080600 is the darkest color, while #fffbf4 is the lightest one.

#080600
```
#080600 rgb(8,6,0)
```
#1c1300
```
#1c1300 rgb(28,19,0)
```
#2f2000
```
#2f2000 rgb(47,32,0)
```
#432d01
```
#432d01 rgb(67,45,1)
```
#563a01
```
#563a01 rgb(86,58,1)
```
#6a4701
```
#6a4701 rgb(106,71,1)
```
#7d5401
```
#7d5401 rgb(125,84,1)
```
#906101
```
#906101 rgb(144,97,1)
```
#a46e01
```
#a46e01 rgb(164,110,1)
```
#b77b02
```
#b77b02 rgb(183,123,2)
```
#cb8802
```
#cb8802 rgb(203,136,2)
```
#de9502
```
#de9502 rgb(222,149,2)
```
#f2a202
```
#f2a202 rgb(242,162,2)
```

Shade Color Variation

#fdac0b
```
#fdac0b rgb(253,172,11)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```
#fdba31
```
#fdba31 rgb(253,186,49)
```
#fdc045
```
#fdc045 rgb(253,192,69)
```
#fec758
```
#fec758 rgb(254,199,88)
```
#fecd6c
```
#fecd6c rgb(254,205,108)
```
#fed47f
```
#fed47f rgb(254,212,127)
```
#feda93
```
#feda93 rgb(254,218,147)
```
#fee1a6
```
#fee1a6 rgb(254,225,166)
```
#fee8ba
```
#fee8ba rgb(254,232,186)
```
#ffeecd
```
#ffeecd rgb(255,238,205)
```
#fff5e0
```
#fff5e0 rgb(255,245,224)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#949087
```
#949087 rgb(148,144,135)
```
#9d937e
```
#9d937e rgb(157,147,126)
```
#a69675
```
#a69675 rgb(166,150,117)
```
#ae996d
```
#ae996d rgb(174,153,109)
```
#b79c64
```
#b79c64 rgb(183,156,100)
```
#c09e5b
```
#c09e5b rgb(192,158,91)
```
#c9a152
```
#c9a152 rgb(201,161,82)
```
#d1a44a
```
#d1a44a rgb(209,164,74)
```
#daa741
```
#daa741 rgb(218,167,65)
```
#e3aa38
```
#e3aa38 rgb(227,170,56)
```
#ecad2f
```
#ecad2f rgb(236,173,47)
```
#f4b027
```
#f4b027 rgb(244,176,39)
```
#fdb31e
```
#fdb31e rgb(253,179,30)
```

Tone Color Variation

Below, you can see how #fdb31e 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
#c6b799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc42d Protanopia 1% of men
#f4ba26 Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e7be27 Protanomaly 1% of men, 0.01% of women
#f7b723 Deuteranomaly 6% of men, 0.4% of women
#feaf80 Tritanomaly 0.01% of the population

#fdb31e hex color

#fdb31e Color Information

#fdb31e Color Conversion

Color Schemes with #fdb31e

Alternatives to #fdb31e

#fdb31e Preview

Shades and Tints of #fdb31e

Tones of #fdb31e

Color Blindness Simulator