#ccf814 hex color

In a RGB color space, hex #ccf814 is composed of 80% red, 97.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 0% magenta, 91.9% yellow and 2.7% black. It has a hue angle of 71.6 degrees, a saturation of 94.2% and a lightness of 52.5%. #ccf814 color hex could be obtained by blending #ffff28 with #99f100. Closest websafe color is: #ccff00.

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

● #ccf814 color description : Vivid yellow.

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

Hex triplet	ccf814	`#ccf814`
RGB Decimal	204, 248, 20	`rgb(204,248,20)`
RGB Percent	80, 97.3, 7.8	`rgb(80%,97.3%,7.8%)`
CMYK	18, 0, 92, 3
HSL	71.6°, 94.2, 52.5	`hsl(71.6,94.2%,52.5%)`
HSV (or HSB)	71.6°, 91.9, 97.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.695, -38.658, 87.146
XYZ	58.595, 80.022, 13.021
xyY	0.386, 0.528, 80.022
CIE-LCH	91.695, 95.336, 113.922
CIE-LUV	91.695, -20.584, 103.136
Hunter-Lab	89.455, -39.625, 53.989
Binary	11001100, 11111000, 00010100

#ccf814
```
#ccf814 rgb(204,248,20)
```
#4014f8
```
#4014f8 rgb(64,20,248)
```

Complementary Color

#f8b214
```
#f8b214 rgb(248,178,20)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#5af814
```
#5af814 rgb(90,248,20)
```

Analogous Color

#b214f8
```
#b214f8 rgb(178,20,248)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#145af8
```
#145af8 rgb(20,90,248)
```

Split Complementary Color

#f814cc
```
#f814cc rgb(248,20,204)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#14ccf8
```
#14ccf8 rgb(20,204,248)
```

Triadic Color

#f84014
```
#f84014 rgb(248,64,20)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#14ccf8
```
#14ccf8 rgb(20,204,248)
```
#4014f8
```
#4014f8 rgb(64,20,248)
```

Tetradic Color

#97ba06
```
#97ba06 rgb(151,186,6)
```
#abd306
```
#abd306 rgb(171,211,6)
```
#bfeb07
```
#bfeb07 rgb(191,235,7)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#d1f92d
```
#d1f92d rgb(209,249,45)
```
#d7f946
```
#d7f946 rgb(215,249,70)
```
#dcfa5e
```
#dcfa5e rgb(220,250,94)
```

Monochromatic Color

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

#f8eb14
```
#f8eb14 rgb(248,235,20)
```
#f2f814
```
#f2f814 rgb(242,248,20)
```
#dff814
```
#dff814 rgb(223,248,20)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```
#b9f814
```
#b9f814 rgb(185,248,20)
```
#a6f814
```
#a6f814 rgb(166,248,20)
```
#93f814
```
#93f814 rgb(147,248,20)
```

Similar Colors

Text with hexadecimal color #ccf814

This text has a font color of #ccf814.

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

#ccf814 background color

This paragraph has a background color of #ccf814.

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

#ccf814 border color

This element has a border color of #ccf814.

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

CSS codes

.text {color:#ccf814;}

.background {background-color:#ccf814;}

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

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

#0a0d00
```
#0a0d00 rgb(10,13,0)
```
#1a2001
```
#1a2001 rgb(26,32,1)
```
#293302
```
#293302 rgb(41,51,2)
```
#394602
```
#394602 rgb(57,70,2)
```
#485903
```
#485903 rgb(72,89,3)
```
#586c03
```
#586c03 rgb(88,108,3)
```
#677f04
```
#677f04 rgb(103,127,4)
```
#779204
```
#779204 rgb(119,146,4)
```
#86a505
```
#86a505 rgb(134,165,5)
```
#96b805
```
#96b805 rgb(150,184,5)
```
#a5cb06
```
#a5cb06 rgb(165,203,6)
```
#b5de07
```
#b5de07 rgb(181,222,7)
```
#c4f107
```
#c4f107 rgb(196,241,7)
```

Shade Color Variation

#ccf814
```
#ccf814 rgb(204,248,20)
```
#d0f927
```
#d0f927 rgb(208,249,39)
```
#d4f93a
```
#d4f93a rgb(212,249,58)
```
#d8fa4d
```
#d8fa4d rgb(216,250,77)
```
#ddfa60
```
#ddfa60 rgb(221,250,96)
```
#e1fb73
```
#e1fb73 rgb(225,251,115)
```
#e5fb86
```
#e5fb86 rgb(229,251,134)
```
#e9fc99
```
#e9fc99 rgb(233,252,153)
```
#edfdac
```
#edfdac rgb(237,253,172)
```
#f1fdbf
```
#f1fdbf rgb(241,253,191)
```
#f5fed2
```
#f5fed2 rgb(245,254,210)
```
#f9fee6
```
#f9fee6 rgb(249,254,230)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#878884
```
#878884 rgb(135,136,132)
```
#8d927a
```
#8d927a rgb(141,146,122)
```
#939b71
```
#939b71 rgb(147,155,113)
```
#99a468
```
#99a468 rgb(153,164,104)
```
#9eae5e
```
#9eae5e rgb(158,174,94)
```
#a4b755
```
#a4b755 rgb(164,183,85)
```
#aac04c
```
#aac04c rgb(170,192,76)
```
#afc943
```
#afc943 rgb(175,201,67)
```
#b5d339
```
#b5d339 rgb(181,211,57)
```
#bbdc30
```
#bbdc30 rgb(187,220,48)
```
#c1e527
```
#c1e527 rgb(193,229,39)
```
#c6ef1d
```
#c6ef1d rgb(198,239,29)
```
#ccf814
```
#ccf814 rgb(204,248,20)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87b Protanopia 1% of men
#ffe4c2 Deuteranopia 1% of men
#e4e7f8 Tritanopia 0.001% of the population

Trichromacy

#ecee56 Protanomaly 1% of men, 0.01% of women
#eceb83 Deuteranomaly 6% of men, 0.4% of women
#dbeda5 Tritanomaly 0.01% of the population

#ccf814 hex color

#ccf814 Color Information

#ccf814 Color Conversion

Color Schemes with #ccf814

Alternatives to #ccf814

#ccf814 Preview

Shades and Tints of #ccf814

Tones of #ccf814

Color Blindness Simulator