#fdc31b hex color

In a RGB color space, hex #fdc31b is composed of 99.2% red, 76.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 89.3% yellow and 0.8% black. It has a hue angle of 44.6 degrees, a saturation of 98.3% and a lightness of 54.9%. #fdc31b color hex could be obtained by blending #ffff36 with #fb8700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 76
- B 11
RGB color chart
- C 0
- M 23
- Y 89
- K 1
CMYK color chart

● #fdc31b color description : Vivid orange.

The hexadecimal color #fdc31b has RGB values of R:253, G:195, B:27 and CMYK values of C:0, M:0.23, Y:0.89, K:0.01. Its decimal value is 16630555.

Hex triplet	fdc31b	`#fdc31b`
RGB Decimal	253, 195, 27	`rgb(253,195,27)`
RGB Percent	99.2, 76.5, 10.6	`rgb(99.2%,76.5%,10.6%)`
CMYK	0, 23, 89, 1
HSL	44.6°, 98.3, 54.9	`hsl(44.6,98.3%,54.9%)`
HSV (or HSB)	44.6°, 89.3, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.836, 7.742, 80.147
XYZ	60.222, 59.995, 9.445
xyY	0.464, 0.463, 59.995
CIE-LCH	81.836, 80.52, 84.483
CIE-LUV	81.836, 48.783, 82.886
Hunter-Lab	77.457, 3.234, 46.99
Binary	11111101, 11000011, 00011011

#fdc31b
```
#fdc31b rgb(253,195,27)
```
#1b55fd
```
#1b55fd rgb(27,85,253)
```

Complementary Color

#fd521b
```
#fd521b rgb(253,82,27)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#c6fd1b
```
#c6fd1b rgb(198,253,27)
```

Analogous Color

#521bfd
```
#521bfd rgb(82,27,253)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#1bc6fd
```
#1bc6fd rgb(27,198,253)
```

Split Complementary Color

#c31bfd
```
#c31bfd rgb(195,27,253)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#1bfdc3
```
#1bfdc3 rgb(27,253,195)
```

Triadic Color

#fd1b55
```
#fd1b55 rgb(253,27,85)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#1bfdc3
```
#1bfdc3 rgb(27,253,195)
```
#1b55fd
```
#1b55fd rgb(27,85,253)
```

Tetradic Color

#ca9602
```
#ca9602 rgb(202,150,2)
```
#e3a902
```
#e3a902 rgb(227,169,2)
```
#fcbc02
```
#fcbc02 rgb(252,188,2)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#fdca34
```
#fdca34 rgb(253,202,52)
```
#fdd04e
```
#fdd04e rgb(253,208,78)
```
#fed767
```
#fed767 rgb(254,215,103)
```

Monochromatic Color

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

#fd8b1b
```
#fd8b1b rgb(253,139,27)
```
#fd9d1b
```
#fd9d1b rgb(253,157,27)
```
#fdb01b
```
#fdb01b rgb(253,176,27)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#fdd61b
```
#fdd61b rgb(253,214,27)
```
#fde91b
```
#fde91b rgb(253,233,27)
```
#fdfc1b
```
#fdfc1b rgb(253,252,27)
```

Similar Colors

Text with hexadecimal color #fdc31b

This text has a font color of #fdc31b.

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

#fdc31b background color

This paragraph has a background color of #fdc31b.

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

#fdc31b border color

This element has a border color of #fdc31b.

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

CSS codes

.text {color:#fdc31b;}

.background {background-color:#fdc31b;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#191200
```
#191200 rgb(25,18,0)
```
#2c2100
```
#2c2100 rgb(44,33,0)
```
#402f01
```
#402f01 rgb(64,47,1)
```
#533e01
```
#533e01 rgb(83,62,1)
```
#674c01
```
#674c01 rgb(103,76,1)
```
#7a5b01
```
#7a5b01 rgb(122,91,1)
```
#8d6901
```
#8d6901 rgb(141,105,1)
```
#a17801
```
#a17801 rgb(161,120,1)
```
#b48602
```
#b48602 rgb(180,134,2)
```
#c89502
```
#c89502 rgb(200,149,2)
```
#dba302
```
#dba302 rgb(219,163,2)
```
#efb202
```
#efb202 rgb(239,178,2)
```

Shade Color Variation

#fdbe08
```
#fdbe08 rgb(253,190,8)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```
#fdc82e
```
#fdc82e rgb(253,200,46)
```
#fdcd42
```
#fdcd42 rgb(253,205,66)
```
#fed255
```
#fed255 rgb(254,210,85)
```
#fed769
```
#fed769 rgb(254,215,105)
```
#fedd7c
```
#fedd7c rgb(254,221,124)
```
#fee290
```
#fee290 rgb(254,226,144)
```
#fee7a3
```
#fee7a3 rgb(254,231,163)
```
#feecb7
```
#feecb7 rgb(254,236,183)
```
#fff1ca
```
#fff1ca rgb(255,241,202)
```
#fff6dd
```
#fff6dd rgb(255,246,221)
```
#fffbf1
```
#fffbf1 rgb(255,251,241)
```

Tint Color Variation

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

#938f85
```
#938f85 rgb(147,143,133)
```
#9c947c
```
#9c947c rgb(156,148,124)
```
#a59873
```
#a59873 rgb(165,152,115)
```
#ad9c6b
```
#ad9c6b rgb(173,156,107)
```
#b6a162
```
#b6a162 rgb(182,161,98)
```
#bfa559
```
#bfa559 rgb(191,165,89)
```
#c8a950
```
#c8a950 rgb(200,169,80)
```
#d1ad47
```
#d1ad47 rgb(209,173,71)
```
#dab23e
```
#dab23e rgb(218,178,62)
```
#e2b636
```
#e2b636 rgb(226,182,54)
```
#ebba2d
```
#ebba2d rgb(235,186,45)
```
#f4bf24
```
#f4bf24 rgb(244,191,36)
```
#fdc31b
```
#fdc31b rgb(253,195,27)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdc1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce29 Protanopia 1% of men
#ffc445 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#eeca24 Protanomaly 1% of men, 0.01% of women
#fec436 Deuteranomaly 6% of men, 0.4% of women
#febf88 Tritanomaly 0.01% of the population

#fdc31b hex color

#fdc31b Color Information

#fdc31b Color Conversion

Color Schemes with #fdc31b

Alternatives to #fdc31b

#fdc31b Preview

Shades and Tints of #fdc31b

Tones of #fdc31b

Color Blindness Simulator