colorhexa.com

#fdbc31 hex color

In a RGB color space, hex #fdbc31 is composed of 99.2% red, 73.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 40.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #fdbc31 color hex could be obtained by blending #ffff62 with #fb7900. Closest websafe color is: #ffcc33.

- R 99
- G 74
- B 19
RGB color chart
- C 0
- M 26
- Y 81
- K 1
CMYK color chart

● #fdbc31 color description : Bright orange.

The hexadecimal color #fdbc31 has RGB values of R:253, G:188, B:49 and CMYK values of C:0, M:0.26, Y:0.81, K:0.01. Its decimal value is 16628785.

Hex triplet	fdbc31	`#fdbc31`
RGB Decimal	253, 188, 49	`rgb(253,188,49)`
RGB Percent	99.2, 73.7, 19.2	`rgb(99.2%,73.7%,19.2%)`
CMYK	0, 26, 81, 1
HSL	40.9°, 98.1, 59.2	`hsl(40.9,98.1%,59.2%)`
HSV (or HSB)	40.9°, 80.6, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.221, 11.888, 73.284
XYZ	59.047, 57.074, 10.812
xyY	0.465, 0.45, 57.074
CIE-LCH	80.221, 74.242, 80.786
CIE-LUV	80.221, 53.613, 76.9
Hunter-Lab	75.547, 7.305, 44.398
Binary	11111101, 10111100, 00110001

#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#3172fd
```
#3172fd rgb(49,114,253)
```

Complementary Color

#fd5631
```
#fd5631 rgb(253,86,49)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#d8fd31
```
#d8fd31 rgb(216,253,49)
```

Analogous Color

#5631fd
```
#5631fd rgb(86,49,253)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#31d8fd
```
#31d8fd rgb(49,216,253)
```

Split Complementary Color

#bc31fd
```
#bc31fd rgb(188,49,253)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#31fdbc
```
#31fdbc rgb(49,253,188)
```

Triadic Color

#fd3172
```
#fd3172 rgb(253,49,114)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#31fdbc
```
#31fdbc rgb(49,253,188)
```
#3172fd
```
#3172fd rgb(49,114,253)
```

Tetradic Color

#df9902
```
#df9902 rgb(223,153,2)
```
#f9aa02
```
#f9aa02 rgb(249,170,2)
```
#fdb418
```
#fdb418 rgb(253,180,24)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#fdc44a
```
#fdc44a rgb(253,196,74)
```
#fdcc64
```
#fdcc64 rgb(253,204,100)
```
#fed57d
```
#fed57d rgb(254,213,125)
```

Monochromatic Color

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

#fd8931
```
#fd8931 rgb(253,137,49)
```
#fd9a31
```
#fd9a31 rgb(253,154,49)
```
#fdab31
```
#fdab31 rgb(253,171,49)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#fdcd31
```
#fdcd31 rgb(253,205,49)
```
#fdde31
```
#fdde31 rgb(253,222,49)
```
#fdef31
```
#fdef31 rgb(253,239,49)
```

Similar Colors

Text with hexadecimal color #fdbc31

This text has a font color of #fdbc31.

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

#fdbc31 background color

This paragraph has a background color of #fdbc31.

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

#fdbc31 border color

This element has a border color of #fdbc31.

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

CSS codes

.text {color:#fdbc31;}

.background {background-color:#fdbc31;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1300
```
#1b1300 rgb(27,19,0)
```
#2f2000
```
#2f2000 rgb(47,32,0)
```
#422d01
```
#422d01 rgb(66,45,1)
```
#553a01
```
#553a01 rgb(85,58,1)
```
#694801
```
#694801 rgb(105,72,1)
```
#7c5501
```
#7c5501 rgb(124,85,1)
```
#906201
```
#906201 rgb(144,98,1)
```
#a37002
```
#a37002 rgb(163,112,2)
```
#b77d02
```
#b77d02 rgb(183,125,2)
```
#ca8a02
```
#ca8a02 rgb(202,138,2)
```
#dd9802
```
#dd9802 rgb(221,152,2)
```
#f1a502
```
#f1a502 rgb(241,165,2)
```

Shade Color Variation

#fdaf0a
```
#fdaf0a rgb(253,175,10)
```
#fdb61e
```
#fdb61e rgb(253,182,30)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```
#fdc244
```
#fdc244 rgb(253,194,68)
```
#fdc958
```
#fdc958 rgb(253,201,88)
```
#fecf6b
```
#fecf6b rgb(254,207,107)
```
#fed57f
```
#fed57f rgb(254,213,127)
```
#fedc92
```
#fedc92 rgb(254,220,146)
```
#fee2a6
```
#fee2a6 rgb(254,226,166)
```
#fee8b9
```
#fee8b9 rgb(254,232,185)
```
#ffefcc
```
#ffefcc rgb(255,239,204)
```
#fff5e0
```
#fff5e0 rgb(255,245,224)
```
#fffbf3
```
#fffbf3 rgb(255,251,243)
```

Tint Color Variation

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

#9d9991
```
#9d9991 rgb(157,153,145)
```
#a59c89
```
#a59c89 rgb(165,156,137)
```
#ad9f81
```
#ad9f81 rgb(173,159,129)
```
#b5a279
```
#b5a279 rgb(181,162,121)
```
#bda571
```
#bda571 rgb(189,165,113)
```
#c5a869
```
#c5a869 rgb(197,168,105)
```
#cdab61
```
#cdab61 rgb(205,171,97)
```
#d5ad59
```
#d5ad59 rgb(213,173,89)
```
#ddb051
```
#ddb051 rgb(221,176,81)
```
#e5b349
```
#e5b349 rgb(229,179,73)
```
#edb641
```
#edb641 rgb(237,182,65)
```
#f5b939
```
#f5b939 rgb(245,185,57)
```
#fdbc31
```
#fdbc31 rgb(253,188,49)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccbfa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca3e Protanopia 1% of men
#fbc03b Deuteranopia 1% of men
#ffb6c1 Tritanopia 0.001% of the population

Trichromacy

#ebc539 Protanomaly 1% of men, 0.01% of women
#fbbe37 Deuteranomaly 6% of men, 0.4% of women
#feb88c Tritanomaly 0.01% of the population