#f0cf31 hex color

In a RGB color space, hex #f0cf31 is composed of 94.1% red, 81.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 79.6% yellow and 5.9% black. It has a hue angle of 49.6 degrees, a saturation of 86.4% and a lightness of 56.7%. #f0cf31 color hex could be obtained by blending #ffff62 with #e19f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 94
- G 81
- B 19
RGB color chart
- C 0
- M 14
- Y 80
- K 6
CMYK color chart

● #f0cf31 color description : Bright yellow.

The hexadecimal color #f0cf31 has RGB values of R:240, G:207, B:49 and CMYK values of C:0, M:0.14, Y:0.8, K:0.06. Its decimal value is 15781681.

Hex triplet	f0cf31	`#f0cf31`
RGB Decimal	240, 207, 49	`rgb(240,207,49)`
RGB Percent	94.1, 81.2, 19.2	`rgb(94.1%,81.2%,19.2%)`
CMYK	0, 14, 80, 6
HSL	49.6°, 86.4, 56.7	`hsl(49.6,86.4%,56.7%)`
HSV (or HSB)	49.6°, 79.6, 94.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	83.639, -3.433, 75.794
XYZ	58.803, 63.375, 12.041
xyY	0.438, 0.472, 63.375
CIE-LCH	83.639, 75.871, 92.593
CIE-LUV	83.639, 29.494, 83.929
Hunter-Lab	79.608, -7.465, 46.758
Binary	11110000, 11001111, 00110001

#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#3152f0
```
#3152f0 rgb(49,82,240)
```

Complementary Color

#f07031
```
#f07031 rgb(240,112,49)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#b2f031
```
#b2f031 rgb(178,240,49)
```

Analogous Color

#7031f0
```
#7031f0 rgb(112,49,240)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#31b2f0
```
#31b2f0 rgb(49,178,240)
```

Split Complementary Color

#cf31f0
```
#cf31f0 rgb(207,49,240)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#31f0cf
```
#31f0cf rgb(49,240,207)
```

Triadic Color

#f03152
```
#f03152 rgb(240,49,82)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#31f0cf
```
#31f0cf rgb(49,240,207)
```
#3152f0
```
#3152f0 rgb(49,82,240)
```

Tetradic Color

#c6a60e
```
#c6a60e rgb(198,166,14)
```
#deba10
```
#deba10 rgb(222,186,16)
```
#eec919
```
#eec919 rgb(238,201,25)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#f2d549
```
#f2d549 rgb(242,213,73)
```
#f3da61
```
#f3da61 rgb(243,218,97)
```
#f5e078
```
#f5e078 rgb(245,224,120)
```

Monochromatic Color

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

#f09f31
```
#f09f31 rgb(240,159,49)
```
#f0af31
```
#f0af31 rgb(240,175,49)
```
#f0bf31
```
#f0bf31 rgb(240,191,49)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#f0df31
```
#f0df31 rgb(240,223,49)
```
#f0ef31
```
#f0ef31 rgb(240,239,49)
```
#e1f031
```
#e1f031 rgb(225,240,49)
```

Similar Colors

Text with hexadecimal color #f0cf31

This text has a font color of #f0cf31.

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

#f0cf31 background color

This paragraph has a background color of #f0cf31.

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

#f0cf31 border color

This element has a border color of #f0cf31.

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

CSS codes

.text {color:#f0cf31;}

.background {background-color:#f0cf31;}

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

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

#0d0b01
```
#0d0b01 rgb(13,11,1)
```
#201b02
```
#201b02 rgb(32,27,2)
```
#322a04
```
#322a04 rgb(50,42,4)
```
#443905
```
#443905 rgb(68,57,5)
```
#574906
```
#574906 rgb(87,73,6)
```
#695808
```
#695808 rgb(105,88,8)
```
#7b6709
```
#7b6709 rgb(123,103,9)
```
#8d770a
```
#8d770a rgb(141,119,10)
```
#a0860c
```
#a0860c rgb(160,134,12)
```
#b2950d
```
#b2950d rgb(178,149,13)
```
#c4a50e
```
#c4a50e rgb(196,165,14)
```
#d7b410
```
#d7b410 rgb(215,180,16)
```
#e9c411
```
#e9c411 rgb(233,196,17)
```

Shade Color Variation

#efcb1f
```
#efcb1f rgb(239,203,31)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#f1d343
```
#f1d343 rgb(241,211,67)
```
#f3d856
```
#f3d856 rgb(243,216,86)
```
#f4dc68
```
#f4dc68 rgb(244,220,104)
```
#f5e07a
```
#f5e07a rgb(245,224,122)
```
#f7e48c
```
#f7e48c rgb(247,228,140)
```
#f8e99f
```
#f8e99f rgb(248,233,159)
```
#f9edb1
```
#f9edb1 rgb(249,237,177)
```
#fbf1c3
```
#fbf1c3 rgb(251,241,195)
```
#fcf5d6
```
#fcf5d6 rgb(252,245,214)
```
#fdfae8
```
#fdfae8 rgb(253,250,232)
```
#fffefa
```
#fffefa rgb(255,254,250)
```

Tint Color Variation

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

#93928f
```
#93928f rgb(147,146,143)
```
#9b9786
```
#9b9786 rgb(155,151,134)
```
#a49d7e
```
#a49d7e rgb(164,157,126)
```
#aca275
```
#aca275 rgb(172,162,117)
```
#b5a86d
```
#b5a86d rgb(181,168,109)
```
#bdae64
```
#bdae64 rgb(189,174,100)
```
#c6b35c
```
#c6b35c rgb(198,179,92)
```
#ceb953
```
#ceb953 rgb(206,185,83)
```
#d7be4b
```
#d7be4b rgb(215,190,75)
```
#dfc442
```
#dfc442 rgb(223,196,66)
```
#e8c93a
```
#e8c93a rgb(232,201,58)
```
#f0cf31
```
#f0cf31 rgb(240,207,49)
```
#f9d529
```
#f9d529 rgb(249,213,41)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cfc9a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd33c Protanopia 1% of men
#ffca6d Deuteranopia 1% of men
#fcc4d1 Tritanopia 0.001% of the population

Trichromacy

#edd138 Protanomaly 1% of men, 0.01% of women
#f9cc57 Deuteranomaly 6% of men, 0.4% of women
#f7c897 Tritanomaly 0.01% of the population

#f0cf31 hex color

#f0cf31 Color Information

#f0cf31 Color Conversion

Color Schemes with #f0cf31

Alternatives to #f0cf31

#f0cf31 Preview

Shades and Tints of #f0cf31

Tones of #f0cf31

Color Blindness Simulator