#ffd31c hex color

In a RGB color space, hex #ffd31c is composed of 100% red, 82.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 89% yellow and 0% black. It has a hue angle of 48.4 degrees, a saturation of 100% and a lightness of 55.5%. #ffd31c color hex could be obtained by blending #ffff38 with #ffa700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 83
- B 11
RGB color chart
- C 0
- M 17
- Y 89
- K 0
CMYK color chart

● #ffd31c color description : Vivid yellow.

The hexadecimal color #ffd31c has RGB values of R:255, G:211, B:28 and CMYK values of C:0, M:0.17, Y:0.89, K:0. Its decimal value is 16765724.

Hex triplet	ffd31c	`#ffd31c`
RGB Decimal	255, 211, 28	`rgb(255,211,28)`
RGB Percent	100, 82.7, 11	`rgb(100%,82.7%,11%)`
CMYK	0, 17, 89, 0
HSL	48.4°, 100, 55.5	`hsl(48.4,100%,55.5%)`
HSV (or HSB)	48.4°, 89, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.974, 0.396, 83.234
XYZ	64.745, 67.935, 10.801
xyY	0.451, 0.473, 67.935
CIE-LCH	85.974, 83.235, 89.728
CIE-LUV	85.974, 38.206, 88.789
Hunter-Lab	82.423, -4.024, 49.926
Binary	11111111, 11010011, 00011100

#ffd31c
```
#ffd31c rgb(255,211,28)
```
#1c48ff
```
#1c48ff rgb(28,72,255)
```

Complementary Color

#ff621c
```
#ff621c rgb(255,98,28)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#baff1c
```
#baff1c rgb(186,255,28)
```

Analogous Color

#621cff
```
#621cff rgb(98,28,255)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#1cbaff
```
#1cbaff rgb(28,186,255)
```

Split Complementary Color

#d31cff
```
#d31cff rgb(211,28,255)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#1cffd3
```
#1cffd3 rgb(28,255,211)
```

Triadic Color

#ff1c48
```
#ff1c48 rgb(255,28,72)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#1cffd3
```
#1cffd3 rgb(28,255,211)
```
#1c48ff
```
#1c48ff rgb(28,72,255)
```

Tetradic Color

#cfa600
```
#cfa600 rgb(207,166,0)
```
#e8bb00
```
#e8bb00 rgb(232,187,0)
```
#ffce02
```
#ffce02 rgb(255,206,2)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#ffd836
```
#ffd836 rgb(255,216,54)
```
#ffdd4f
```
#ffdd4f rgb(255,221,79)
```
#ffe269
```
#ffe269 rgb(255,226,105)
```

Monochromatic Color

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

#ff9a1c
```
#ff9a1c rgb(255,154,28)
```
#ffad1c
```
#ffad1c rgb(255,173,28)
```
#ffc01c
```
#ffc01c rgb(255,192,28)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#ffe61c
```
#ffe61c rgb(255,230,28)
```
#fff91c
```
#fff91c rgb(255,249,28)
```
#f2ff1c
```
#f2ff1c rgb(242,255,28)
```

Similar Colors

Text with hexadecimal color #ffd31c

This text has a font color of #ffd31c.

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

#ffd31c background color

This paragraph has a background color of #ffd31c.

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

#ffd31c border color

This element has a border color of #ffd31c.

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

CSS codes

.text {color:#ffd31c;}

.background {background-color:#ffd31c;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1c1700
```
#1c1700 rgb(28,23,0)
```
#302600
```
#302600 rgb(48,38,0)
```
#433600
```
#433600 rgb(67,54,0)
```
#574600
```
#574600 rgb(87,70,0)
```
#6a5600
```
#6a5600 rgb(106,86,0)
```
#7e6600
```
#7e6600 rgb(126,102,0)
```
#927500
```
#927500 rgb(146,117,0)
```
#a58500
```
#a58500 rgb(165,133,0)
```
#b99500
```
#b99500 rgb(185,149,0)
```
#cda500
```
#cda500 rgb(205,165,0)
```
#e0b500
```
#e0b500 rgb(224,181,0)
```
#f4c500
```
#f4c500 rgb(244,197,0)
```

Shade Color Variation

#ffcf08
```
#ffcf08 rgb(255,207,8)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```
#ffd730
```
#ffd730 rgb(255,215,48)
```
#ffdb43
```
#ffdb43 rgb(255,219,67)
```
#ffde57
```
#ffde57 rgb(255,222,87)
```
#ffe26a
```
#ffe26a rgb(255,226,106)
```
#ffe67e
```
#ffe67e rgb(255,230,126)
```
#ffea92
```
#ffea92 rgb(255,234,146)
```
#ffeea5
```
#ffeea5 rgb(255,238,165)
```
#fff1b9
```
#fff1b9 rgb(255,241,185)
```
#fff5cd
```
#fff5cd rgb(255,245,205)
```
#fff9e0
```
#fff9e0 rgb(255,249,224)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#969385
```
#969385 rgb(150,147,133)
```
#9f987c
```
#9f987c rgb(159,152,124)
```
#a89e73
```
#a89e73 rgb(168,158,115)
```
#b0a36b
```
#b0a36b rgb(176,163,107)
```
#b9a862
```
#b9a862 rgb(185,168,98)
```
#c2ae59
```
#c2ae59 rgb(194,174,89)
```
#cbb350
```
#cbb350 rgb(203,179,80)
```
#d3b848
```
#d3b848 rgb(211,184,72)
```
#dcbe3f
```
#dcbe3f rgb(220,190,63)
```
#e5c336
```
#e5c336 rgb(229,195,54)
```
#eec82d
```
#eec82d rgb(238,200,45)
```
#f6ce25
```
#f6ce25 rgb(246,206,37)
```
#ffd31c
```
#ffd31c rgb(255,211,28)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5cda8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d929 Protanopia 1% of men
#ffd28b Deuteranopia 1% of men
#ffccd6 Tritanopia 0.001% of the population

Trichromacy

#f7d724 Protanomaly 1% of men, 0.01% of women
#ffd262 Deuteranomaly 6% of men, 0.4% of women
#ffce92 Tritanomaly 0.01% of the population

#ffd31c hex color

#ffd31c Color Information

#ffd31c Color Conversion

Color Schemes with #ffd31c

Alternatives to #ffd31c

#ffd31c Preview

Shades and Tints of #ffd31c

Tones of #ffd31c

Color Blindness Simulator