#ccf50b hex color

In a RGB color space, hex #ccf50b is composed of 80% red, 96.1% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 95.5% yellow and 3.9% black. It has a hue angle of 70.5 degrees, a saturation of 92.1% and a lightness of 50.2%. #ccf50b color hex could be obtained by blending #ffff16 with #99eb00. Closest websafe color is: #ccff00.

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

● #ccf50b color description : Vivid yellow.

The hexadecimal color #ccf50b has RGB values of R:204, G:245, B:11 and CMYK values of C:0.17, M:0, Y:0.96, K:0.04. Its decimal value is 13432075.

Hex triplet	ccf50b	`#ccf50b`
RGB Decimal	204, 245, 11	`rgb(204,245,11)`
RGB Percent	80, 96.1, 4.3	`rgb(80%,96.1%,4.3%)`
CMYK	17, 0, 96, 4
HSL	70.5°, 92.1, 50.2	`hsl(70.5,92.1%,50.2%)`
HSV (or HSB)	70.5°, 95.5, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.856, -37.428, 87.372
XYZ	57.614, 78.166, 12.369
xyY	0.389, 0.528, 78.166
CIE-LCH	90.856, 95.051, 113.189
CIE-LUV	90.856, -18.872, 102.539
Hunter-Lab	88.411, -38.399, 53.593
Binary	11001100, 11110101, 00001011

#ccf50b
```
#ccf50b rgb(204,245,11)
```
#340bf5
```
#340bf5 rgb(52,11,245)
```

Complementary Color

#f5a90b
```
#f5a90b rgb(245,169,11)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#57f50b
```
#57f50b rgb(87,245,11)
```

Analogous Color

#a90bf5
```
#a90bf5 rgb(169,11,245)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#0b57f5
```
#0b57f5 rgb(11,87,245)
```

Split Complementary Color

#f50bcc
```
#f50bcc rgb(245,11,204)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#0bccf5
```
#0bccf5 rgb(11,204,245)
```

Triadic Color

#f5340b
```
#f5340b rgb(245,52,11)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#0bccf5
```
#0bccf5 rgb(11,204,245)
```
#340bf5
```
#340bf5 rgb(52,11,245)
```

Tetradic Color

#8fac07
```
#8fac07 rgb(143,172,7)
```
#a4c508
```
#a4c508 rgb(164,197,8)
```
#b8dd09
```
#b8dd09 rgb(184,221,9)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#d1f623
```
#d1f623 rgb(209,246,35)
```
#d6f73c
```
#d6f73c rgb(214,247,60)
```
#dbf854
```
#dbf854 rgb(219,248,84)
```

Monochromatic Color

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

#f5e40b
```
#f5e40b rgb(245,228,11)
```
#f3f50b
```
#f3f50b rgb(243,245,11)
```
#e0f50b
```
#e0f50b rgb(224,245,11)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#b9f50b
```
#b9f50b rgb(185,245,11)
```
#a5f50b
```
#a5f50b rgb(165,245,11)
```
#92f50b
```
#92f50b rgb(146,245,11)
```

Similar Colors

Text with hexadecimal color #ccf50b

This text has a font color of #ccf50b.

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

#ccf50b background color

This paragraph has a background color of #ccf50b.

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

#ccf50b border color

This element has a border color of #ccf50b.

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

CSS codes

.text {color:#ccf50b;}

.background {background-color:#ccf50b;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101401
```
#101401 rgb(16,20,1)
```
#202702
```
#202702 rgb(32,39,2)
```
#303902
```
#303902 rgb(48,57,2)
```
#404c03
```
#404c03 rgb(64,76,3)
```
#4f5f04
```
#4f5f04 rgb(79,95,4)
```
#5f7205
```
#5f7205 rgb(95,114,5)
```
#6f8505
```
#6f8505 rgb(111,133,5)
```
#7e9806
```
#7e9806 rgb(126,152,6)
```
#8eab07
```
#8eab07 rgb(142,171,7)
```
#9ebd08
```
#9ebd08 rgb(158,189,8)
```
#add009
```
#add009 rgb(173,208,9)
```
#bde309
```
#bde309 rgb(189,227,9)
```

Shade Color Variation

#ccf50b
```
#ccf50b rgb(204,245,11)
```
#d0f61e
```
#d0f61e rgb(208,246,30)
```
#d4f731
```
#d4f731 rgb(212,247,49)
```
#d8f744
```
#d8f744 rgb(216,247,68)
```
#dcf856
```
#dcf856 rgb(220,248,86)
```
#e0f969
```
#e0f969 rgb(224,249,105)
```
#e4fa7c
```
#e4fa7c rgb(228,250,124)
```
#e8fa8f
```
#e8fa8f rgb(232,250,143)
```
#ecfba2
```
#ecfba2 rgb(236,251,162)
```
#effcb5
```
#effcb5 rgb(239,252,181)
```
#f3fdc7
```
#f3fdc7 rgb(243,253,199)
```
#f7fdda
```
#f7fdda rgb(247,253,218)
```
#fbfeed
```
#fbfeed rgb(251,254,237)
```

Tint Color Variation

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

#868a76
```
#868a76 rgb(134,138,118)
```
#8d936d
```
#8d936d rgb(141,147,109)
```
#939d63
```
#939d63 rgb(147,157,99)
```
#99a759
```
#99a759 rgb(153,167,89)
```
#a0b14f
```
#a0b14f rgb(160,177,79)
```
#a6ba46
```
#a6ba46 rgb(166,186,70)
```
#acc43c
```
#acc43c rgb(172,196,60)
```
#b3ce32
```
#b3ce32 rgb(179,206,50)
```
#b9d828
```
#b9d828 rgb(185,216,40)
```
#bfe11f
```
#bfe11f rgb(191,225,31)
```
#c6eb15
```
#c6eb15 rgb(198,235,21)
```
#ccf50b
```
#ccf50b rgb(204,245,11)
```
#d2ff01
```
#d2ff01 rgb(210,255,1)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#ced6a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe661 Protanopia 1% of men
#ffe1bb Deuteranopia 1% of men
#e3e5f5 Tritanopia 0.001% of the population

Trichromacy

#eceb42 Protanomaly 1% of men, 0.01% of women
#ece87b Deuteranomaly 6% of men, 0.4% of women
#dbeaa0 Tritanomaly 0.01% of the population

#ccf50b hex color

#ccf50b Color Information

#ccf50b Color Conversion

Color Schemes with #ccf50b

Alternatives to #ccf50b

#ccf50b Preview

Shades and Tints of #ccf50b

Tones of #ccf50b

Color Blindness Simulator