#ccf70a hex color

In a RGB color space, hex #ccf70a is composed of 80% red, 96.9% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 96% yellow and 3.1% black. It has a hue angle of 70.9 degrees, a saturation of 93.7% and a lightness of 50.4%. #ccf70a color hex could be obtained by blending #ffff14 with #99ef00. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 97
- B 4
RGB color chart
- C 17
- M 0
- Y 96
- K 3
CMYK color chart

● #ccf70a color description : Vivid yellow.

The hexadecimal color #ccf70a has RGB values of R:204, G:247, B:10 and CMYK values of C:0.17, M:0, Y:0.96, K:0.03. Its decimal value is 13432586.

Hex triplet	ccf70a	`#ccf70a`
RGB Decimal	204, 247, 10	`rgb(204,247,10)`
RGB Percent	80, 96.9, 3.9	`rgb(80%,96.9%,3.9%)`
CMYK	17, 0, 96, 3
HSL	70.9°, 93.7, 50.4	`hsl(70.9,93.7%,50.4%)`
HSV (or HSB)	70.9°, 96, 96.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.406, -38.331, 87.871
XYZ	58.217, 79.38, 12.542
xyY	0.388, 0.529, 79.38
CIE-LCH	91.406, 95.867, 113.568
CIE-LUV	91.406, -20.008, 103.34
Hunter-Lab	89.096, -39.282, 54.021
Binary	11001100, 11110111, 00001010

#ccf70a
```
#ccf70a rgb(204,247,10)
```
#350af7
```
#350af7 rgb(53,10,247)
```

Complementary Color

#f7ac0a
```
#f7ac0a rgb(247,172,10)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#56f70a
```
#56f70a rgb(86,247,10)
```

Analogous Color

#ac0af7
```
#ac0af7 rgb(172,10,247)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#0a55f7
```
#0a55f7 rgb(10,85,247)
```

Split Complementary Color

#f70acc
```
#f70acc rgb(247,10,204)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#0accf7
```
#0accf7 rgb(10,204,247)
```

Triadic Color

#f7350a
```
#f7350a rgb(247,53,10)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#0accf7
```
#0accf7 rgb(10,204,247)
```
#350af7
```
#350af7 rgb(53,10,247)
```

Tetradic Color

#90af06
```
#90af06 rgb(144,175,6)
```
#a4c707
```
#a4c707 rgb(164,199,7)
```
#b9e007
```
#b9e007 rgb(185,224,7)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#d1f823
```
#d1f823 rgb(209,248,35)
```
#d6f93b
```
#d6f93b rgb(214,249,59)
```
#dbf954
```
#dbf954 rgb(219,249,84)
```

Monochromatic Color

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

#f7e70a
```
#f7e70a rgb(247,231,10)
```
#f4f70a
```
#f4f70a rgb(244,247,10)
```
#e0f70a
```
#e0f70a rgb(224,247,10)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```
#b8f70a
```
#b8f70a rgb(184,247,10)
```
#a5f70a
```
#a5f70a rgb(165,247,10)
```
#91f70a
```
#91f70a rgb(145,247,10)
```

Similar Colors

Text with hexadecimal color #ccf70a

This text has a font color of #ccf70a.

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

#ccf70a background color

This paragraph has a background color of #ccf70a.

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

#ccf70a border color

This element has a border color of #ccf70a.

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

CSS codes

.text {color:#ccf70a;}

.background {background-color:#ccf70a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111501
```
#111501 rgb(17,21,1)
```
#212801
```
#212801 rgb(33,40,1)
```
#313b02
```
#313b02 rgb(49,59,2)
```
#404e03
```
#404e03 rgb(64,78,3)
```
#506103
```
#506103 rgb(80,97,3)
```
#607404
```
#607404 rgb(96,116,4)
```
#6f8704
```
#6f8704 rgb(111,135,4)
```
#7f9a05
```
#7f9a05 rgb(127,154,5)
```
#8fad06
```
#8fad06 rgb(143,173,6)
```
#9ec006
```
#9ec006 rgb(158,192,6)
```
#aed307
```
#aed307 rgb(174,211,7)
```
#bee608
```
#bee608 rgb(190,230,8)
```

Shade Color Variation

#ccf70a
```
#ccf70a rgb(204,247,10)
```
#d0f81d
```
#d0f81d rgb(208,248,29)
```
#d4f830
```
#d4f830 rgb(212,248,48)
```
#d8f943
```
#d8f943 rgb(216,249,67)
```
#dcf956
```
#dcf956 rgb(220,249,86)
```
#e0fa69
```
#e0fa69 rgb(224,250,105)
```
#e4fb7c
```
#e4fb7c rgb(228,251,124)
```
#e8fb8f
```
#e8fb8f rgb(232,251,143)
```
#ecfca2
```
#ecfca2 rgb(236,252,162)
```
#f0fdb5
```
#f0fdb5 rgb(240,253,181)
```
#f4fdc8
```
#f4fdc8 rgb(244,253,200)
```
#f7fedb
```
#f7fedb rgb(247,254,219)
```
#fbfeee
```
#fbfeee rgb(251,254,238)
```

Tint Color Variation

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

#82827f
```
#82827f rgb(130,130,127)
```
#888c75
```
#888c75 rgb(136,140,117)
```
#8e966b
```
#8e966b rgb(142,150,107)
```
#949f62
```
#949f62 rgb(148,159,98)
```
#9aa958
```
#9aa958 rgb(154,169,88)
```
#a1b34e
```
#a1b34e rgb(161,179,78)
```
#a7bd44
```
#a7bd44 rgb(167,189,68)
```
#adc63b
```
#adc63b rgb(173,198,59)
```
#b3d031
```
#b3d031 rgb(179,208,49)
```
#b9da27
```
#b9da27 rgb(185,218,39)
```
#c0e41d
```
#c0e41d rgb(192,228,29)
```
#c6ed14
```
#c6ed14 rgb(198,237,20)
```
#ccf70a
```
#ccf70a rgb(204,247,10)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe873 Protanopia 1% of men
#ffe3c0 Deuteranopia 1% of men
#e4e6f7 Tritanopia 0.001% of the population

Trichromacy

#eced4d Protanomaly 1% of men, 0.01% of women
#ecea7e Deuteranomaly 6% of men, 0.4% of women
#dbeca1 Tritanomaly 0.01% of the population

#ccf70a hex color

#ccf70a Color Information

#ccf70a Color Conversion

Color Schemes with #ccf70a

Alternatives to #ccf70a

#ccf70a Preview

Shades and Tints of #ccf70a

Tones of #ccf70a

Color Blindness Simulator