#f0cc14 hex color

In a RGB color space, hex #f0cc14 is composed of 94.1% red, 80% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 91.7% yellow and 5.9% black. It has a hue angle of 50.2 degrees, a saturation of 88% and a lightness of 51%. #f0cc14 color hex could be obtained by blending #ffff28 with #e19900. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 94
- G 80
- B 8
RGB color chart
- C 0
- M 15
- Y 92
- K 6
CMYK color chart

● #f0cc14 color description : Vivid yellow.

The hexadecimal color #f0cc14 has RGB values of R:240, G:204, B:20 and CMYK values of C:0, M:0.15, Y:0.92, K:0.06. Its decimal value is 15780884.

Hex triplet	f0cc14	`#f0cc14`
RGB Decimal	240, 204, 20	`rgb(240,204,20)`
RGB Percent	94.1, 80, 7.8	`rgb(94.1%,80%,7.8%)`
CMYK	0, 15, 92, 6
HSL	50.2°, 88, 51	`hsl(50.2,88%,51%)`
HSV (or HSB)	50.2°, 91.7, 94.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.788, -2.553, 81.473
XYZ	57.655, 61.764, 9.547
xyY	0.447, 0.479, 61.764
CIE-LCH	82.788, 81.513, 91.795
CIE-LUV	82.788, 32.154, 86.679
Hunter-Lab	78.59, -6.581, 47.811
Binary	11110000, 11001100, 00010100

#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#1438f0
```
#1438f0 rgb(20,56,240)
```

Complementary Color

#f05e14
```
#f05e14 rgb(240,94,20)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#a6f014
```
#a6f014 rgb(166,240,20)
```

Analogous Color

#5e14f0
```
#5e14f0 rgb(94,20,240)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#14a6f0
```
#14a6f0 rgb(20,166,240)
```

Split Complementary Color

#cc14f0
```
#cc14f0 rgb(204,20,240)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#14f0cc
```
#14f0cc rgb(20,240,204)
```

Triadic Color

#f01438
```
#f01438 rgb(240,20,56)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#14f0cc
```
#14f0cc rgb(20,240,204)
```
#1438f0
```
#1438f0 rgb(20,56,240)
```

Tetradic Color

#ac920b
```
#ac920b rgb(172,146,11)
```
#c4a60d
```
#c4a60d rgb(196,166,13)
```
#dcbb0e
```
#dcbb0e rgb(220,187,14)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#f2d12c
```
#f2d12c rgb(242,209,44)
```
#f3d644
```
#f3d644 rgb(243,214,68)
```
#f5dc5c
```
#f5dc5c rgb(245,220,92)
```

Monochromatic Color

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

#f09514
```
#f09514 rgb(240,149,20)
```
#f0a714
```
#f0a714 rgb(240,167,20)
```
#f0ba14
```
#f0ba14 rgb(240,186,20)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#f0de14
```
#f0de14 rgb(240,222,20)
```
#eff014
```
#eff014 rgb(239,240,20)
```
#ddf014
```
#ddf014 rgb(221,240,20)
```

Similar Colors

Text with hexadecimal color #f0cc14

This text has a font color of #f0cc14.

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

#f0cc14 background color

This paragraph has a background color of #f0cc14.

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

#f0cc14 border color

This element has a border color of #f0cc14.

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

CSS codes

.text {color:#f0cc14;}

.background {background-color:#f0cc14;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#171401
```
#171401 rgb(23,20,1)
```
#2a2303
```
#2a2303 rgb(42,35,3)
```
#3c3304
```
#3c3304 rgb(60,51,4)
```
#4e4205
```
#4e4205 rgb(78,66,5)
```
#615206
```
#615206 rgb(97,82,6)
```
#736207
```
#736207 rgb(115,98,7)
```
#867109
```
#867109 rgb(134,113,9)
```
#98810a
```
#98810a rgb(152,129,10)
```
#ab910b
```
#ab910b rgb(171,145,11)
```
#bda00c
```
#bda00c rgb(189,160,12)
```
#d0b00d
```
#d0b00d rgb(208,176,13)
```
#e2bf0e
```
#e2bf0e rgb(226,191,14)
```

Shade Color Variation

#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#f1d026
```
#f1d026 rgb(241,208,38)
```
#f2d439
```
#f2d439 rgb(242,212,57)
```
#f4d84b
```
#f4d84b rgb(244,216,75)
```
#f5dc5e
```
#f5dc5e rgb(245,220,94)
```
#f6e070
```
#f6e070 rgb(246,224,112)
```
#f7e483
```
#f7e483 rgb(247,228,131)
```
#f8e895
```
#f8e895 rgb(248,232,149)
```
#f9eca8
```
#f9eca8 rgb(249,236,168)
```
#fbf0ba
```
#fbf0ba rgb(251,240,186)
```
#fcf4cc
```
#fcf4cc rgb(252,244,204)
```
#fdf8df
```
#fdf8df rgb(253,248,223)
```
#fefcf1
```
#fefcf1 rgb(254,252,241)
```

Tint Color Variation

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

#86857e
```
#86857e rgb(134,133,126)
```
#908b74
```
#908b74 rgb(144,139,116)
```
#99926b
```
#99926b rgb(153,146,107)
```
#a39861
```
#a39861 rgb(163,152,97)
```
#ad9f57
```
#ad9f57 rgb(173,159,87)
```
#b6a54e
```
#b6a54e rgb(182,165,78)
```
#c0ac44
```
#c0ac44 rgb(192,172,68)
```
#cab23a
```
#cab23a rgb(202,178,58)
```
#d3b931
```
#d3b931 rgb(211,185,49)
```
#ddbf27
```
#ddbf27 rgb(221,191,39)
```
#e6c61e
```
#e6c61e rgb(230,198,30)
```
#f0cc14
```
#f0cc14 rgb(240,204,20)
```
#fad20a
```
#fad20a rgb(250,210,10)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cbc49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d121 Protanopia 1% of men
#ffc75c Deuteranopia 1% of men
#fcc1ce Tritanopia 0.001% of the population

Trichromacy

#eccf1c Protanomaly 1% of men, 0.01% of women
#f9c941 Deuteranomaly 6% of men, 0.4% of women
#f7c58a Tritanomaly 0.01% of the population

#f0cc14 hex color

#f0cc14 Color Information

#f0cc14 Color Conversion

Color Schemes with #f0cc14

Alternatives to #f0cc14

#f0cc14 Preview

Shades and Tints of #f0cc14

Tones of #f0cc14

Color Blindness Simulator