#ccf52a hex color

In a RGB color space, hex #ccf52a is composed of 80% red, 96.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 82.9% yellow and 3.9% black. It has a hue angle of 72.1 degrees, a saturation of 91% and a lightness of 56.3%. #ccf52a color hex could be obtained by blending #ffff54 with #99eb00. Closest websafe color is: #ccff33.

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

● #ccf52a color description : Bright yellow.

The hexadecimal color #ccf52a has RGB values of R:204, G:245, B:42 and CMYK values of C:0.17, M:0, Y:0.83, K:0.04. Its decimal value is 13432106.

Hex triplet	ccf52a	`#ccf52a`
RGB Decimal	204, 245, 42	`rgb(204,245,42)`
RGB Percent	80, 96.1, 16.5	`rgb(80%,96.1%,16.5%)`
CMYK	17, 0, 83, 4
HSL	72.1°, 91, 56.3	`hsl(72.1,91%,56.3%)`
HSV (or HSB)	72.1°, 82.9, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.921, -36.836, 82.8
XYZ	57.972, 78.309, 14.251
xyY	0.385, 0.52, 78.309
CIE-LCH	90.921, 90.624, 113.983
CIE-LUV	90.921, -18.934, 99.612
Hunter-Lab	88.492, -37.926, 52.396
Binary	11001100, 11110101, 00101010

#ccf52a
```
#ccf52a rgb(204,245,42)
```
#532af5
```
#532af5 rgb(83,42,245)
```

Complementary Color

#f5b92a
```
#f5b92a rgb(245,185,42)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#67f52a
```
#67f52a rgb(103,245,42)
```

Analogous Color

#b92af5
```
#b92af5 rgb(185,42,245)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#2a67f5
```
#2a67f5 rgb(42,103,245)
```

Split Complementary Color

#f52acc
```
#f52acc rgb(245,42,204)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#2accf5
```
#2accf5 rgb(42,204,245)
```

Triadic Color

#f5532a
```
#f5532a rgb(245,83,42)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#2accf5
```
#2accf5 rgb(42,204,245)
```
#532af5
```
#532af5 rgb(83,42,245)
```

Tetradic Color

#a2c909
```
#a2c909 rgb(162,201,9)
```
#b6e10b
```
#b6e10b rgb(182,225,11)
```
#c6f412
```
#c6f412 rgb(198,244,18)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#d2f642
```
#d2f642 rgb(210,246,66)
```
#d8f75b
```
#d8f75b rgb(216,247,91)
```
#ddf873
```
#ddf873 rgb(221,248,115)
```

Monochromatic Color

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

#f5eb2a
```
#f5eb2a rgb(245,235,42)
```
#eef52a
```
#eef52a rgb(238,245,42)
```
#ddf52a
```
#ddf52a rgb(221,245,42)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#bbf52a
```
#bbf52a rgb(187,245,42)
```
#aaf52a
```
#aaf52a rgb(170,245,42)
```
#99f52a
```
#99f52a rgb(153,245,42)
```

Similar Colors

Text with hexadecimal color #ccf52a

This text has a font color of #ccf52a.

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

#ccf52a background color

This paragraph has a background color of #ccf52a.

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

#ccf52a border color

This element has a border color of #ccf52a.

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

CSS codes

.text {color:#ccf52a;}

.background {background-color:#ccf52a;}

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

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

#0a0c01
```
#0a0c01 rgb(10,12,1)
```
#191f01
```
#191f01 rgb(25,31,1)
```
#283102
```
#283102 rgb(40,49,2)
```
#374403
```
#374403 rgb(55,68,3)
```
#465704
```
#465704 rgb(70,87,4)
```
#556a05
```
#556a05 rgb(85,106,5)
```
#647c06
```
#647c06 rgb(100,124,6)
```
#738f07
```
#738f07 rgb(115,143,7)
```
#83a208
```
#83a208 rgb(131,162,8)
```
#92b408
```
#92b408 rgb(146,180,8)
```
#a1c709
```
#a1c709 rgb(161,199,9)
```
#b0da0a
```
#b0da0a rgb(176,218,10)
```
#bfed0b
```
#bfed0b rgb(191,237,11)
```

Shade Color Variation

#c8f417
```
#c8f417 rgb(200,244,23)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#d0f63d
```
#d0f63d rgb(208,246,61)
```
#d5f74f
```
#d5f74f rgb(213,247,79)
```
#d9f862
```
#d9f862 rgb(217,248,98)
```
#def975
```
#def975 rgb(222,249,117)
```
#e2f988
```
#e2f988 rgb(226,249,136)
```
#e7fa9a
```
#e7fa9a rgb(231,250,154)
```
#ebfbad
```
#ebfbad rgb(235,251,173)
```
#f0fcc0
```
#f0fcc0 rgb(240,252,192)
```
#f4fdd3
```
#f4fdd3 rgb(244,253,211)
```
#f9fee5
```
#f9fee5 rgb(249,254,229)
```
#fdfff8
```
#fdfff8 rgb(253,255,248)
```

Tint Color Variation

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

#949788
```
#949788 rgb(148,151,136)
```
#999f80
```
#999f80 rgb(153,159,128)
```
#9ea877
```
#9ea877 rgb(158,168,119)
```
#a3b06f
```
#a3b06f rgb(163,176,111)
```
#a8b966
```
#a8b966 rgb(168,185,102)
```
#adc25d
```
#adc25d rgb(173,194,93)
```
#b2ca55
```
#b2ca55 rgb(178,202,85)
```
#b8d34c
```
#b8d34c rgb(184,211,76)
```
#bddb44
```
#bddb44 rgb(189,219,68)
```
#c2e43b
```
#c2e43b rgb(194,228,59)
```
#c7ec33
```
#c7ec33 rgb(199,236,51)
```
#ccf52a
```
#ccf52a rgb(204,245,42)
```
#d1fe21
```
#d1fe21 rgb(209,254,33)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d1d9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe664 Protanopia 1% of men
#ffe2bc Deuteranopia 1% of men
#e3e5f5 Tritanopia 0.001% of the population

Trichromacy

#eceb4f Protanomaly 1% of men, 0.01% of women
#ece887 Deuteranomaly 6% of men, 0.4% of women
#daebab Tritanomaly 0.01% of the population

#ccf52a hex color

#ccf52a Color Information

#ccf52a Color Conversion

Color Schemes with #ccf52a

Alternatives to #ccf52a

#ccf52a Preview

Shades and Tints of #ccf52a

Tones of #ccf52a

Color Blindness Simulator