colorhexa.com

#f0cc06 hex color

In a RGB color space, hex #f0cc06 is composed of 94.1% red, 80% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 97.5% yellow and 5.9% black. It has a hue angle of 50.8 degrees, a saturation of 95.1% and a lightness of 48.2%. #f0cc06 color hex could be obtained by blending #ffff0c with #e19900. Closest websafe color is: #ffcc00.

- R 94
- G 80
- B 2
RGB color chart
- C 0
- M 15
- Y 98
- K 6
CMYK color chart

● #f0cc06 color description : Vivid yellow.

The hexadecimal color #f0cc06 has RGB values of R:240, G:204, B:6 and CMYK values of C:0, M:0.15, Y:0.98, K:0.06. Its decimal value is 15780870.

Hex triplet	f0cc06	`#f0cc06`
RGB Decimal	240, 204, 6	`rgb(240,204,6)`
RGB Percent	94.1, 80, 2.4	`rgb(94.1%,80%,2.4%)`
CMYK	0, 15, 98, 6
HSL	50.8°, 95.1, 48.2	`hsl(50.8,95.1%,48.2%)`
HSV (or HSB)	50.8°, 97.5, 94.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.768, -2.696, 82.991
XYZ	57.562, 61.726, 9.055
xyY	0.448, 0.481, 61.726
CIE-LCH	82.768, 83.035, 91.86
CIE-LUV	82.768, 32.265, 87.544
Hunter-Lab	78.566, -6.712, 48.163
Binary	11110000, 11001100, 00000110

#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#062af0
```
#062af0 rgb(6,42,240)
```

Complementary Color

#f05706
```
#f05706 rgb(240,87,6)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#9ff006
```
#9ff006 rgb(159,240,6)
```

Analogous Color

#5706f0
```
#5706f0 rgb(87,6,240)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#069ff0
```
#069ff0 rgb(6,159,240)
```

Split Complementary Color

#cc06f0
```
#cc06f0 rgb(204,6,240)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#06f0cc
```
#06f0cc rgb(6,240,204)
```

Triadic Color

#a58d04
```
#a58d04 rgb(165,141,4)
```
#bea205
```
#bea205 rgb(190,162,5)
```
#d7b705
```
#d7b705 rgb(215,183,5)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#f9d616
```
#f9d616 rgb(249,214,22)
```
#fadb2f
```
#fadb2f rgb(250,219,47)
```
#fadf48
```
#fadf48 rgb(250,223,72)
```

Monochromatic Color

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

#f09206
```
#f09206 rgb(240,146,6)
```
#f0a506
```
#f0a506 rgb(240,165,6)
```
#f0b906
```
#f0b906 rgb(240,185,6)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```
#f0e006
```
#f0e006 rgb(240,224,6)
```
#edf006
```
#edf006 rgb(237,240,6)
```
#daf006
```
#daf006 rgb(218,240,6)
```

Similar Colors

Text with hexadecimal color #f0cc06

This text has a font color of #f0cc06.

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

#f0cc06 background color

This paragraph has a background color of #f0cc06.

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

#f0cc06 border color

This element has a border color of #f0cc06.

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

CSS codes

.text {color:#f0cc06;}

.background {background-color:#f0cc06;}

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

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

#0a0900
```
#0a0900 rgb(10,9,0)
```
#1d1901
```
#1d1901 rgb(29,25,1)
```
#312901
```
#312901 rgb(49,41,1)
```
#443a02
```
#443a02 rgb(68,58,2)
```
#574a02
```
#574a02 rgb(87,74,2)
```
#6a5a03
```
#6a5a03 rgb(106,90,3)
```
#7d6a03
```
#7d6a03 rgb(125,106,3)
```
#907b04
```
#907b04 rgb(144,123,4)
```
#a38b04
```
#a38b04 rgb(163,139,4)
```
#b79b05
```
#b79b05 rgb(183,155,5)
```
#caab05
```
#caab05 rgb(202,171,5)
```
#ddbc06
```
#ddbc06 rgb(221,188,6)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```

Shade Color Variation

#f9d511
```
#f9d511 rgb(249,213,17)
```
#fad924
```
#fad924 rgb(250,217,36)
```
#fadc37
```
#fadc37 rgb(250,220,55)
```
#fadf4a
```
#fadf4a rgb(250,223,74)
```
#fbe35d
```
#fbe35d rgb(251,227,93)
```
#fbe670
```
#fbe670 rgb(251,230,112)
```
#fce983
```
#fce983 rgb(252,233,131)
```
#fced97
```
#fced97 rgb(252,237,151)
```
#fdf0aa
```
#fdf0aa rgb(253,240,170)
```
#fdf3bd
```
#fdf3bd rgb(253,243,189)
```
#fef7d0
```
#fef7d0 rgb(254,247,208)
```
#fefae3
```
#fefae3 rgb(254,250,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#7e7d78
```
#7e7d78 rgb(126,125,120)
```
#88846e
```
#88846e rgb(136,132,110)
```
#918a65
```
#918a65 rgb(145,138,101)
```
#9b915b
```
#9b915b rgb(155,145,91)
```
#a49852
```
#a49852 rgb(164,152,82)
```
#ae9e48
```
#ae9e48 rgb(174,158,72)
```
#b7a53f
```
#b7a53f rgb(183,165,63)
```
#c1ab35
```
#c1ab35 rgb(193,171,53)
```
#cab22c
```
#cab22c rgb(202,178,44)
```
#d4b822
```
#d4b822 rgb(212,184,34)
```
#ddbf19
```
#ddbf19 rgb(221,191,25)
```
#e7c50f
```
#e7c50f rgb(231,197,15)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cac29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead113 Protanopia 1% of men
#ffc75b Deuteranopia 1% of men
#fcc0ce Tritanopia 0.001% of the population

Trichromacy

#eccf0e Protanomaly 1% of men, 0.01% of women
#f9c93c Deuteranomaly 6% of men, 0.4% of women
#f7c485 Tritanomaly 0.01% of the population