#ccfb02 hex color

In a RGB color space, hex #ccfb02 is composed of 80% red, 98.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 0% magenta, 99.2% yellow and 1.6% black. It has a hue angle of 71.3 degrees, a saturation of 98.4% and a lightness of 49.6%. #ccfb02 color hex could be obtained by blending #ffff04 with #99f700. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 98
- B 1
RGB color chart
- C 19
- M 0
- Y 99
- K 2
CMYK color chart

● #ccfb02 color description : Vivid yellow.

The hexadecimal color #ccfb02 has RGB values of R:204, G:251, B:2 and CMYK values of C:0.19, M:0, Y:0.99, K:0.02. Its decimal value is 13433602.

Hex triplet	ccfb02	`#ccfb02`
RGB Decimal	204, 251, 2	`rgb(204,251,2)`
RGB Percent	80, 98.4, 0.8	`rgb(80%,98.4%,0.8%)`
CMYK	19, 0, 99, 2
HSL	71.3°, 98.4, 49.6	`hsl(71.3,98.4%,49.6%)`
HSV (or HSB)	71.3°, 99.2, 98.4
Web Safe	ccff00	`#ccff00`

CIE-LAB	92.502, -40.176, 89.294
XYZ	59.409, 81.835, 12.723
xyY	0.386, 0.532, 81.835
CIE-LCH	92.502, 97.916, 114.224
CIE-LUV	92.502, -22.254, 105.198
Hunter-Lab	90.463, -41.084, 54.985
Binary	11001100, 11111011, 00000010

#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#3102fb
```
#3102fb rgb(49,2,251)
```

Complementary Color

#fbae02
```
#fbae02 rgb(251,174,2)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#50fb02
```
#50fb02 rgb(80,251,2)
```

Analogous Color

#ae02fb
```
#ae02fb rgb(174,2,251)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#0250fb
```
#0250fb rgb(2,80,251)
```

Split Complementary Color

#fb02cc
```
#fb02cc rgb(251,2,204)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#02ccfb
```
#02ccfb rgb(2,204,251)
```

Triadic Color

#fb3102
```
#fb3102 rgb(251,49,2)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#02ccfb
```
#02ccfb rgb(2,204,251)
```
#3102fb
```
#3102fb rgb(49,2,251)
```

Tetradic Color

#8eaf01
```
#8eaf01 rgb(142,175,1)
```
#a3c802
```
#a3c802 rgb(163,200,2)
```
#b7e202
```
#b7e202 rgb(183,226,2)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#d2fd19
```
#d2fd19 rgb(210,253,25)
```
#d7fd33
```
#d7fd33 rgb(215,253,51)
```
#dcfe4c
```
#dcfe4c rgb(220,254,76)
```

Monochromatic Color

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

#fbec02
```
#fbec02 rgb(251,236,2)
```
#f6fb02
```
#f6fb02 rgb(246,251,2)
```
#e1fb02
```
#e1fb02 rgb(225,251,2)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```
#b7fb02
```
#b7fb02 rgb(183,251,2)
```
#a3fb02
```
#a3fb02 rgb(163,251,2)
```
#8efb02
```
#8efb02 rgb(142,251,2)
```

Similar Colors

Text with hexadecimal color #ccfb02

This text has a font color of #ccfb02.

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

#ccfb02 background color

This paragraph has a background color of #ccfb02.

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

#ccfb02 border color

This element has a border color of #ccfb02.

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

CSS codes

.text {color:#ccfb02;}

.background {background-color:#ccfb02;}

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

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

#0e1100
```
#0e1100 rgb(14,17,0)
```
#1e2500
```
#1e2500 rgb(30,37,0)
```
#2e3800
```
#2e3800 rgb(46,56,0)
```
#3e4c01
```
#3e4c01 rgb(62,76,1)
```
#4d5f01
```
#4d5f01 rgb(77,95,1)
```
#5d7301
```
#5d7301 rgb(93,115,1)
```
#6d8601
```
#6d8601 rgb(109,134,1)
```
#7d9a01
```
#7d9a01 rgb(125,154,1)
```
#8dad01
```
#8dad01 rgb(141,173,1)
```
#9dc102
```
#9dc102 rgb(157,193,2)
```
#acd402
```
#acd402 rgb(172,212,2)
```
#bce802
```
#bce802 rgb(188,232,2)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```

Shade Color Variation

#d1fd13
```
#d1fd13 rgb(209,253,19)
```
#d5fd27
```
#d5fd27 rgb(213,253,39)
```
#d9fd3a
```
#d9fd3a rgb(217,253,58)
```
#dcfe4e
```
#dcfe4e rgb(220,254,78)
```
#e0fe61
```
#e0fe61 rgb(224,254,97)
```
#e4fe75
```
#e4fe75 rgb(228,254,117)
```
#e8fe88
```
#e8fe88 rgb(232,254,136)
```
#ecfe9c
```
#ecfe9c rgb(236,254,156)
```
#effeaf
```
#effeaf rgb(239,254,175)
```
#f3ffc3
```
#f3ffc3 rgb(243,255,195)
```
#f7ffd6
```
#f7ffd6 rgb(247,255,214)
```
#fbffea
```
#fbffea rgb(251,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#838677
```
#838677 rgb(131,134,119)
```
#89906d
```
#89906d rgb(137,144,109)
```
#8f9a63
```
#8f9a63 rgb(143,154,99)
```
#95a35a
```
#95a35a rgb(149,163,90)
```
#9cad50
```
#9cad50 rgb(156,173,80)
```
#a2b746
```
#a2b746 rgb(162,183,70)
```
#a8c13c
```
#a8c13c rgb(168,193,60)
```
#aeca33
```
#aeca33 rgb(174,202,51)
```
#b4d429
```
#b4d429 rgb(180,212,41)
```
#bade1f
```
#bade1f rgb(186,222,31)
```
#c0e815
```
#c0e815 rgb(192,232,21)
```
#c6f10c
```
#c6f10c rgb(198,241,12)
```
#ccfb02
```
#ccfb02 rgb(204,251,2)
```

Tone Color Variation

Below, you can see how #ccfb02 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
#d0d9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8f Protanopia 1% of men
#ffe7c9 Deuteranopia 1% of men
#e5eafb Tritanopia 0.001% of the population

Trichromacy

#ecf05c Protanomaly 1% of men, 0.01% of women
#ecee80 Deuteranomaly 6% of men, 0.4% of women
#dbf0a0 Tritanomaly 0.01% of the population

#ccfb02 hex color

#ccfb02 Color Information

#ccfb02 Color Conversion

Color Schemes with #ccfb02

Alternatives to #ccfb02

#ccfb02 Preview

Shades and Tints of #ccfb02

Tones of #ccfb02

Color Blindness Simulator