colorhexa.com

#f8cb14 hex color

In a RGB color space, hex #f8cb14 is composed of 97.3% red, 79.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 48.2 degrees, a saturation of 94.2% and a lightness of 52.5%. #f8cb14 color hex could be obtained by blending #ffff28 with #f19700. Closest websafe color is: #ffcc00.

- R 97
- G 80
- B 8
RGB color chart
- C 0
- M 18
- Y 92
- K 3
CMYK color chart

● #f8cb14 color description : Vivid yellow.

The hexadecimal color #f8cb14 has RGB values of R:248, G:203, B:20 and CMYK values of C:0, M:0.18, Y:0.92, K:0.03. Its decimal value is 16304916.

Hex triplet	f8cb14	`#f8cb14`
RGB Decimal	248, 203, 20	`rgb(248,203,20)`
RGB Percent	97.3, 79.6, 7.8	`rgb(97.3%,79.6%,7.8%)`
CMYK	0, 18, 92, 3
HSL	48.2°, 94.2, 52.5	`hsl(48.2,94.2%,52.5%)`
HSV (or HSB)	48.2°, 91.9, 97.3
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	83.296, 1.383, 82.19
XYZ	60.195, 62.722, 9.598
xyY	0.454, 0.473, 62.722
CIE-LCH	83.296, 82.202, 89.036
CIE-LUV	83.296, 38.948, 86.429
Hunter-Lab	79.197, -2.924, 48.253
Binary	11111000, 11001011, 00010100

#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#1441f8
```
#1441f8 rgb(20,65,248)
```

Complementary Color

#f85914
```
#f85914 rgb(248,89,20)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#b3f814
```
#b3f814 rgb(179,248,20)
```

Analogous Color

#5914f8
```
#5914f8 rgb(89,20,248)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#14b3f8
```
#14b3f8 rgb(20,179,248)
```

Split Complementary Color

#cb14f8
```
#cb14f8 rgb(203,20,248)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#14f8cb
```
#14f8cb rgb(20,248,203)
```

Triadic Color

#f81441
```
#f81441 rgb(248,20,65)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#14f8cb
```
#14f8cb rgb(20,248,203)
```
#1441f8
```
#1441f8 rgb(20,65,248)
```

Tetradic Color

#ba9606
```
#ba9606 rgb(186,150,6)
```
#d3aa06
```
#d3aa06 rgb(211,170,6)
```
#ebbe07
```
#ebbe07 rgb(235,190,7)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#f9d02d
```
#f9d02d rgb(249,208,45)
```
#f9d646
```
#f9d646 rgb(249,214,70)
```
#fadb5e
```
#fadb5e rgb(250,219,94)
```

Monochromatic Color

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

#f89214
```
#f89214 rgb(248,146,20)
```
#f8a514
```
#f8a514 rgb(248,165,20)
```
#f8b814
```
#f8b814 rgb(248,184,20)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#f8de14
```
#f8de14 rgb(248,222,20)
```
#f8f114
```
#f8f114 rgb(248,241,20)
```
#ecf814
```
#ecf814 rgb(236,248,20)
```

Similar Colors

Text with hexadecimal color #f8cb14

This text has a font color of #f8cb14.

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

#f8cb14 background color

This paragraph has a background color of #f8cb14.

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

#f8cb14 border color

This element has a border color of #f8cb14.

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

CSS codes

.text {color:#f8cb14;}

.background {background-color:#f8cb14;}

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

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

#0d0a00
```
#0d0a00 rgb(13,10,0)
```
#201a01
```
#201a01 rgb(32,26,1)
```
#332902
```
#332902 rgb(51,41,2)
```
#463802
```
#463802 rgb(70,56,2)
```
#594803
```
#594803 rgb(89,72,3)
```
#6c5703
```
#6c5703 rgb(108,87,3)
```
#7f6704
```
#7f6704 rgb(127,103,4)
```
#927604
```
#927604 rgb(146,118,4)
```
#a58505
```
#a58505 rgb(165,133,5)
```
#b89505
```
#b89505 rgb(184,149,5)
```
#cba406
```
#cba406 rgb(203,164,6)
```
#deb407
```
#deb407 rgb(222,180,7)
```
#f1c307
```
#f1c307 rgb(241,195,7)
```

Shade Color Variation

#f8cb14
```
#f8cb14 rgb(248,203,20)
```
#f9cf27
```
#f9cf27 rgb(249,207,39)
```
#f9d33a
```
#f9d33a rgb(249,211,58)
```
#fad84d
```
#fad84d rgb(250,216,77)
```
#fadc60
```
#fadc60 rgb(250,220,96)
```
#fbe073
```
#fbe073 rgb(251,224,115)
```
#fbe486
```
#fbe486 rgb(251,228,134)
```
#fce999
```
#fce999 rgb(252,233,153)
```
#fdedac
```
#fdedac rgb(253,237,172)
```
#fdf1bf
```
#fdf1bf rgb(253,241,191)
```
#fef5d2
```
#fef5d2 rgb(254,245,210)
```
#fef9e6
```
#fef9e6 rgb(254,249,230)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#888784
```
#888784 rgb(136,135,132)
```
#928d7a
```
#928d7a rgb(146,141,122)
```
#9b9371
```
#9b9371 rgb(155,147,113)
```
#a49868
```
#a49868 rgb(164,152,104)
```
#ae9e5e
```
#ae9e5e rgb(174,158,94)
```
#b7a455
```
#b7a455 rgb(183,164,85)
```
#c0a94c
```
#c0a94c rgb(192,169,76)
```
#c9af43
```
#c9af43 rgb(201,175,67)
```
#d3b439
```
#d3b439 rgb(211,180,57)
```
#dcba30
```
#dcba30 rgb(220,186,48)
```
#e5c027
```
#e5c027 rgb(229,192,39)
```
#efc51d
```
#efc51d rgb(239,197,29)
```
#f8cb14
```
#f8cb14 rgb(248,203,20)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#cec5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd221 Protanopia 1% of men
#ffc965 Deuteranopia 1% of men
#ffc2cd Tritanopia 0.001% of the population

Trichromacy

#f0cf1c Protanomaly 1% of men, 0.01% of women
#fcca47 Deuteranomaly 6% of men, 0.4% of women
#fcc58a Tritanomaly 0.01% of the population