#ccf02d hex color

In a RGB color space, hex #ccf02d is composed of 80% red, 94.1% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 81.3% yellow and 5.9% black. It has a hue angle of 71.1 degrees, a saturation of 86.7% and a lightness of 55.9%. #ccf02d color hex could be obtained by blending #ffff5a with #99e100. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 94
- B 18
RGB color chart
- C 15
- M 0
- Y 81
- K 6
CMYK color chart

● #ccf02d color description : Bright yellow.

The hexadecimal color #ccf02d has RGB values of R:204, G:240, B:45 and CMYK values of C:0.15, M:0, Y:0.81, K:0.06. Its decimal value is 13430829.

Hex triplet	ccf02d	`#ccf02d`
RGB Decimal	204, 240, 45	`rgb(204,240,45)`
RGB Percent	80, 94.1, 17.6	`rgb(80%,94.1%,17.6%)`
CMYK	15, 0, 81, 6
HSL	71.1°, 86.7, 55.9	`hsl(71.1,86.7%,55.9%)`
HSV (or HSB)	71.1°, 81.3, 94.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.555, -34.482, 80.932
XYZ	56.535, 75.347, 14.048
xyY	0.387, 0.516, 75.347
CIE-LCH	89.555, 87.972, 113.077
CIE-LUV	89.555, -16.087, 97.194
Hunter-Lab	86.802, -35.646, 51.167
Binary	11001100, 11110000, 00101101

#ccf02d
```
#ccf02d rgb(204,240,45)
```
#512df0
```
#512df0 rgb(81,45,240)
```

Complementary Color

#f0b32d
```
#f0b32d rgb(240,179,45)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#6bf02d
```
#6bf02d rgb(107,240,45)
```

Analogous Color

#b32df0
```
#b32df0 rgb(179,45,240)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#2d6bf0
```
#2d6bf0 rgb(45,107,240)
```

Split Complementary Color

#f02dcc
```
#f02dcc rgb(240,45,204)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#2dccf0
```
#2dccf0 rgb(45,204,240)
```

Triadic Color

#f0512d
```
#f0512d rgb(240,81,45)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#2dccf0
```
#2dccf0 rgb(45,204,240)
```
#512df0
```
#512df0 rgb(81,45,240)
```

Tetradic Color

#a1c30e
```
#a1c30e rgb(161,195,14)
```
#b5da10
```
#b5da10 rgb(181,218,16)
```
#c6ee15
```
#c6ee15 rgb(198,238,21)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#d2f245
```
#d2f245 rgb(210,242,69)
```
#d8f35d
```
#d8f35d rgb(216,243,93)
```
#ddf574
```
#ddf574 rgb(221,245,116)
```

Monochromatic Color

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

#f0e32d
```
#f0e32d rgb(240,227,45)
```
#edf02d
```
#edf02d rgb(237,240,45)
```
#dcf02d
```
#dcf02d rgb(220,240,45)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#bcf02d
```
#bcf02d rgb(188,240,45)
```
#acf02d
```
#acf02d rgb(172,240,45)
```
#9bf02d
```
#9bf02d rgb(155,240,45)
```

Similar Colors

Text with hexadecimal color #ccf02d

This text has a font color of #ccf02d.

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

#ccf02d background color

This paragraph has a background color of #ccf02d.

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

#ccf02d border color

This element has a border color of #ccf02d.

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

CSS codes

.text {color:#ccf02d;}

.background {background-color:#ccf02d;}

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

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, #080a01 is the darkest color, while #fdfef6 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#171c02
```
#171c02 rgb(23,28,2)
```
#262e03
```
#262e03 rgb(38,46,3)
```
#364105
```
#364105 rgb(54,65,5)
```
#455306
```
#455306 rgb(69,83,6)
```
#546507
```
#546507 rgb(84,101,7)
```
#637809
```
#637809 rgb(99,120,9)
```
#728a0a
```
#728a0a rgb(114,138,10)
```
#819c0b
```
#819c0b rgb(129,156,11)
```
#91ae0c
```
#91ae0c rgb(145,174,12)
```
#a0c10e
```
#a0c10e rgb(160,193,14)
```
#afd30f
```
#afd30f rgb(175,211,15)
```
#bee510
```
#bee510 rgb(190,229,16)
```

Shade Color Variation

#c8ef1b
```
#c8ef1b rgb(200,239,27)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#d0f13f
```
#d0f13f rgb(208,241,63)
```
#d5f352
```
#d5f352 rgb(213,243,82)
```
#d9f464
```
#d9f464 rgb(217,244,100)
```
#def576
```
#def576 rgb(222,245,118)
```
#e2f789
```
#e2f789 rgb(226,247,137)
```
#e7f89b
```
#e7f89b rgb(231,248,155)
```
#ebf9ad
```
#ebf9ad rgb(235,249,173)
```
#f0fabf
```
#f0fabf rgb(240,250,191)
```
#f4fcd2
```
#f4fcd2 rgb(244,252,210)
```
#f8fde4
```
#f8fde4 rgb(248,253,228)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#90918c
```
#90918c rgb(144,145,140)
```
#959984
```
#959984 rgb(149,153,132)
```
#9ba27b
```
#9ba27b rgb(155,162,123)
```
#a0ab72
```
#a0ab72 rgb(160,171,114)
```
#a6b36a
```
#a6b36a rgb(166,179,106)
```
#abbc61
```
#abbc61 rgb(171,188,97)
```
#b1c558
```
#b1c558 rgb(177,197,88)
```
#b6cd50
```
#b6cd50 rgb(182,205,80)
```
#bcd647
```
#bcd647 rgb(188,214,71)
```
#c1df3e
```
#c1df3e rgb(193,223,62)
```
#c7e736
```
#c7e736 rgb(199,231,54)
```
#ccf02d
```
#ccf02d rgb(204,240,45)
```
#d1f924
```
#d1f924 rgb(209,249,36)
```

Tone Color Variation

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

Dichromacy

#fde334 Protanopia 1% of men
#ffddb0 Deuteranopia 1% of men
#e2e1f1 Tritanopia 0.001% of the population

Trichromacy

#ebe731 Protanomaly 1% of men, 0.01% of women
#ece480 Deuteranomaly 6% of men, 0.4% of women
#dae6a9 Tritanomaly 0.01% of the population

#ccf02d hex color

#ccf02d Color Information

#ccf02d Color Conversion

Color Schemes with #ccf02d

Alternatives to #ccf02d

#ccf02d Preview

Shades and Tints of #ccf02d

Tones of #ccf02d

Color Blindness Simulator