#ffcf31 hex color

In a RGB color space, hex #ffcf31 is composed of 100% red, 81.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 80.8% yellow and 0% black. It has a hue angle of 46 degrees, a saturation of 100% and a lightness of 59.6%. #ffcf31 color hex could be obtained by blending #ffff62 with #ff9f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 81
- B 19
RGB color chart
- C 0
- M 19
- Y 81
- K 0
CMYK color chart

● #ffcf31 color description : Vivid yellow.

The hexadecimal color #ffcf31 has RGB values of R:255, G:207, B:49 and CMYK values of C:0, M:0.19, Y:0.81, K:0. Its decimal value is 16764721.

Hex triplet	ffcf31	`#ffcf31`
RGB Decimal	255, 207, 49	`rgb(255,207,49)`
RGB Percent	100, 81.2, 19.2	`rgb(100%,81.2%,19.2%)`
CMYK	0, 19, 81, 0
HSL	46°, 100, 59.6	`hsl(46,100%,59.6%)`
HSV (or HSB)	46°, 80.8, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.053, 2.92, 77.574
XYZ	64.108, 66.11, 12.29
xyY	0.45, 0.464, 66.11
CIE-LCH	85.053, 77.629, 87.844
CIE-LUV	85.053, 40.748, 84.269
Hunter-Lab	81.308, -1.55, 47.954
Binary	11111111, 11001111, 00110001

#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#3161ff
```
#3161ff rgb(49,97,255)
```

Complementary Color

#ff6831
```
#ff6831 rgb(255,104,49)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#c8ff31
```
#c8ff31 rgb(200,255,49)
```

Analogous Color

#6831ff
```
#6831ff rgb(104,49,255)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#31c8ff
```
#31c8ff rgb(49,200,255)
```

Split Complementary Color

#cf31ff
```
#cf31ff rgb(207,49,255)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#31ffcf
```
#31ffcf rgb(49,255,207)
```

Triadic Color

#ff3161
```
#ff3161 rgb(255,49,97)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#31ffcf
```
#31ffcf rgb(49,255,207)
```
#3161ff
```
#3161ff rgb(49,97,255)
```

Tetradic Color

#e4ae00
```
#e4ae00 rgb(228,174,0)
```
#fdc200
```
#fdc200 rgb(253,194,0)
```
#ffc918
```
#ffc918 rgb(255,201,24)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#ffd54b
```
#ffd54b rgb(255,213,75)
```
#ffdb64
```
#ffdb64 rgb(255,219,100)
```
#ffe17e
```
#ffe17e rgb(255,225,126)
```

Monochromatic Color

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

#ff9c31
```
#ff9c31 rgb(255,156,49)
```
#ffad31
```
#ffad31 rgb(255,173,49)
```
#ffbe31
```
#ffbe31 rgb(255,190,49)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#ffe031
```
#ffe031 rgb(255,224,49)
```
#fff131
```
#fff131 rgb(255,241,49)
```
#fcff31
```
#fcff31 rgb(252,255,49)
```

Similar Colors

Text with hexadecimal color #ffcf31

This text has a font color of #ffcf31.

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

#ffcf31 background color

This paragraph has a background color of #ffcf31.

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

#ffcf31 border color

This element has a border color of #ffcf31.

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

CSS codes

.text {color:#ffcf31;}

.background {background-color:#ffcf31;}

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

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, #0a0700 is the darkest color, while #fffdf5 is the lightest one.

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1d1700
```
#1d1700 rgb(29,23,0)
```
#312600
```
#312600 rgb(49,38,0)
```
#453500
```
#453500 rgb(69,53,0)
```
#584400
```
#584400 rgb(88,68,0)
```
#6c5300
```
#6c5300 rgb(108,83,0)
```
#7f6200
```
#7f6200 rgb(127,98,0)
```
#937100
```
#937100 rgb(147,113,0)
```
#a78000
```
#a78000 rgb(167,128,0)
```
#ba8f00
```
#ba8f00 rgb(186,143,0)
```
#ce9e00
```
#ce9e00 rgb(206,158,0)
```
#e2ad00
```
#e2ad00 rgb(226,173,0)
```
#f5bc00
```
#f5bc00 rgb(245,188,0)
```

Shade Color Variation

#ffc60a
```
#ffc60a rgb(255,198,10)
```
#ffca1d
```
#ffca1d rgb(255,202,29)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```
#ffd445
```
#ffd445 rgb(255,212,69)
```
#ffd858
```
#ffd858 rgb(255,216,88)
```
#ffdd6c
```
#ffdd6c rgb(255,221,108)
```
#ffe17f
```
#ffe17f rgb(255,225,127)
```
#ffe693
```
#ffe693 rgb(255,230,147)
```
#ffeaa7
```
#ffeaa7 rgb(255,234,167)
```
#ffefba
```
#ffefba rgb(255,239,186)
```
#fff4ce
```
#fff4ce rgb(255,244,206)
```
#fff8e2
```
#fff8e2 rgb(255,248,226)
```
#fffdf5
```
#fffdf5 rgb(255,253,245)
```

Tint Color Variation

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

#a09c90
```
#a09c90 rgb(160,156,144)
```
#a8a088
```
#a8a088 rgb(168,160,136)
```
#b0a580
```
#b0a580 rgb(176,165,128)
```
#b8a978
```
#b8a978 rgb(184,169,120)
```
#c0ad70
```
#c0ad70 rgb(192,173,112)
```
#c8b168
```
#c8b168 rgb(200,177,104)
```
#cfb661
```
#cfb661 rgb(207,182,97)
```
#d7ba59
```
#d7ba59 rgb(215,186,89)
```
#dfbe51
```
#dfbe51 rgb(223,190,81)
```
#e7c249
```
#e7c249 rgb(231,194,73)
```
#efc741
```
#efc741 rgb(239,199,65)
```
#f7cb39
```
#f7cb39 rgb(247,203,57)
```
#ffcf31
```
#ffcf31 rgb(255,207,49)
```

Tone Color Variation

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

Dichromacy

#efd73d Protanopia 1% of men
#ffcf81 Deuteranopia 1% of men
#ffc8d2 Tritanopia 0.001% of the population

Trichromacy

#f5d438 Protanomaly 1% of men, 0.01% of women
#ffcf64 Deuteranomaly 6% of men, 0.4% of women
#ffcb98 Tritanomaly 0.01% of the population

#ffcf31 hex color

#ffcf31 Color Information

#ffcf31 Color Conversion

Color Schemes with #ffcf31

Alternatives to #ffcf31

#ffcf31 Preview

Shades and Tints of #ffcf31

Tones of #ffcf31

Color Blindness Simulator