#ffd31b hex color

In a RGB color space, hex #ffd31b is composed of 100% red, 82.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 89.4% yellow and 0% black. It has a hue angle of 48.4 degrees, a saturation of 100% and a lightness of 55.3%. #ffd31b color hex could be obtained by blending #ffff36 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

● #ffd31b color description : Vivid yellow.

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

Hex triplet	ffd31b	`#ffd31b`
RGB Decimal	255, 211, 27	`rgb(255,211,27)`
RGB Percent	100, 82.7, 10.6	`rgb(100%,82.7%,10.6%)`
CMYK	0, 17, 89, 0
HSL	48.4°, 100, 55.3	`hsl(48.4,100%,55.3%)`
HSV (or HSB)	48.4°, 89.4, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.972, 0.379, 83.407
XYZ	64.733, 67.931, 10.739
xyY	0.451, 0.474, 67.931
CIE-LCH	85.972, 83.408, 89.74
CIE-LUV	85.972, 38.22, 88.891
Hunter-Lab	82.42, -4.04, 49.969
Binary	11111111, 11010011, 00011011

#ffd31b
```
#ffd31b rgb(255,211,27)
```
#1b47ff
```
#1b47ff rgb(27,71,255)
```

Complementary Color

#ff611b
```
#ff611b rgb(255,97,27)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#b9ff1b
```
#b9ff1b rgb(185,255,27)
```

Analogous Color

#611bff
```
#611bff rgb(97,27,255)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#1bb9ff
```
#1bb9ff rgb(27,185,255)
```

Split Complementary Color

#d31bff
```
#d31bff rgb(211,27,255)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#1bffd3
```
#1bffd3 rgb(27,255,211)
```

Triadic Color

#ff1b47
```
#ff1b47 rgb(255,27,71)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#1bffd3
```
#1bffd3 rgb(27,255,211)
```
#1b47ff
```
#1b47ff rgb(27,71,255)
```

Tetradic Color

#cea600
```
#cea600 rgb(206,166,0)
```
#e7ba00
```
#e7ba00 rgb(231,186,0)
```
#ffce01
```
#ffce01 rgb(255,206,1)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#ffd835
```
#ffd835 rgb(255,216,53)
```
#ffdd4e
```
#ffdd4e rgb(255,221,78)
```
#ffe268
```
#ffe268 rgb(255,226,104)
```

Monochromatic Color

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

#ff9a1b
```
#ff9a1b rgb(255,154,27)
```
#ffad1b
```
#ffad1b rgb(255,173,27)
```
#ffc01b
```
#ffc01b rgb(255,192,27)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#ffe61b
```
#ffe61b rgb(255,230,27)
```
#fff91b
```
#fff91b rgb(255,249,27)
```
#f2ff1b
```
#f2ff1b rgb(242,255,27)
```

Similar Colors

Text with hexadecimal color #ffd31b

This text has a font color of #ffd31b.

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

#ffd31b background color

This paragraph has a background color of #ffd31b.

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

#ffd31b border color

This element has a border color of #ffd31b.

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

CSS codes

.text {color:#ffd31b;}

.background {background-color:#ffd31b;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1b1600
```
#1b1600 rgb(27,22,0)
```
#2f2600
```
#2f2600 rgb(47,38,0)
```
#423500
```
#423500 rgb(66,53,0)
```
#564500
```
#564500 rgb(86,69,0)
```
#695500
```
#695500 rgb(105,85,0)
```
#7d6500
```
#7d6500 rgb(125,101,0)
```
#917500
```
#917500 rgb(145,117,0)
```
#a48500
```
#a48500 rgb(164,133,0)
```
#b89400
```
#b89400 rgb(184,148,0)
```
#cca400
```
#cca400 rgb(204,164,0)
```
#dfb400
```
#dfb400 rgb(223,180,0)
```
#f3c400
```
#f3c400 rgb(243,196,0)
```

Shade Color Variation

#ffcf07
```
#ffcf07 rgb(255,207,7)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```
#ffd72f
```
#ffd72f rgb(255,215,47)
```
#ffdb42
```
#ffdb42 rgb(255,219,66)
```
#ffde56
```
#ffde56 rgb(255,222,86)
```
#ffe269
```
#ffe269 rgb(255,226,105)
```
#ffe67d
```
#ffe67d rgb(255,230,125)
```
#ffea91
```
#ffea91 rgb(255,234,145)
```
#ffeda4
```
#ffeda4 rgb(255,237,164)
```
#fff1b8
```
#fff1b8 rgb(255,241,184)
```
#fff5cc
```
#fff5cc rgb(255,245,204)
```
#fff9df
```
#fff9df rgb(255,249,223)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#969284
```
#969284 rgb(150,146,132)
```
#9f987b
```
#9f987b rgb(159,152,123)
```
#a79d73
```
#a79d73 rgb(167,157,115)
```
#b0a36a
```
#b0a36a rgb(176,163,106)
```
#b9a861
```
#b9a861 rgb(185,168,97)
```
#c2ad58
```
#c2ad58 rgb(194,173,88)
```
#cab350
```
#cab350 rgb(202,179,80)
```
#d3b847
```
#d3b847 rgb(211,184,71)
```
#dcbd3e
```
#dcbd3e rgb(220,189,62)
```
#e5c335
```
#e5c335 rgb(229,195,53)
```
#edc82d
```
#edc82d rgb(237,200,45)
```
#f6ce24
```
#f6ce24 rgb(246,206,36)
```
#ffd31b
```
#ffd31b rgb(255,211,27)
```

Tone Color Variation

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

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

Trichromacy

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

#ffd31b hex color

#ffd31b Color Information

#ffd31b Color Conversion

Color Schemes with #ffd31b

Alternatives to #ffd31b

#ffd31b Preview

Shades and Tints of #ffd31b

Tones of #ffd31b

Color Blindness Simulator