#ccf00b hex color

In a RGB color space, hex #ccf00b is composed of 80% red, 94.1% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 95.4% yellow and 5.9% black. It has a hue angle of 69.4 degrees, a saturation of 91.2% and a lightness of 49.2%. #ccf00b color hex could be obtained by blending #ffff16 with #99e100. Closest websafe color is: #ccff00.

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

● #ccf00b color description : Vivid yellow.

The hexadecimal color #ccf00b has RGB values of R:204, G:240, B:11 and CMYK values of C:0.15, M:0, Y:0.95, K:0.06. Its decimal value is 13430795.

Hex triplet	ccf00b	`#ccf00b`
RGB Decimal	204, 240, 11	`rgb(204,240,11)`
RGB Percent	80, 94.1, 4.3	`rgb(80%,94.1%,4.3%)`
CMYK	15, 0, 95, 6
HSL	69.4°, 91.2, 49.2	`hsl(69.4,91.2%,49.2%)`
HSV (or HSB)	69.4°, 95.4, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.478, -35.176, 86.313
XYZ	56.122, 75.181, 11.871
xyY	0.392, 0.525, 75.181
CIE-LCH	89.478, 93.205, 112.173
CIE-LUV	89.478, -15.996, 100.65
Hunter-Lab	86.707, -36.202, 52.577
Binary	11001100, 11110000, 00001011

#ccf00b
```
#ccf00b rgb(204,240,11)
```
#2f0bf0
```
#2f0bf0 rgb(47,11,240)
```

Complementary Color

#f0a20b
```
#f0a20b rgb(240,162,11)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#5af00b
```
#5af00b rgb(90,240,11)
```

Analogous Color

#a20bf0
```
#a20bf0 rgb(162,11,240)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#0b5af0
```
#0b5af0 rgb(11,90,240)
```

Split Complementary Color

#f00bcc
```
#f00bcc rgb(240,11,204)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#0bccf0
```
#0bccf0 rgb(11,204,240)
```

Triadic Color

#f02f0b
```
#f02f0b rgb(240,47,11)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#0bccf0
```
#0bccf0 rgb(11,204,240)
```
#2f0bf0
```
#2f0bf0 rgb(47,11,240)
```

Tetradic Color

#8ea708
```
#8ea708 rgb(142,167,8)
```
#a3bf09
```
#a3bf09 rgb(163,191,9)
```
#b7d80a
```
#b7d80a rgb(183,216,10)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#d3f520
```
#d3f520 rgb(211,245,32)
```
#d8f638
```
#d8f638 rgb(216,246,56)
```
#ddf750
```
#ddf750 rgb(221,247,80)
```

Monochromatic Color

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

#f0db0b
```
#f0db0b rgb(240,219,11)
```
#f0ee0b
```
#f0ee0b rgb(240,238,11)
```
#dff00b
```
#dff00b rgb(223,240,11)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#b9f00b
```
#b9f00b rgb(185,240,11)
```
#a6f00b
```
#a6f00b rgb(166,240,11)
```
#93f00b
```
#93f00b rgb(147,240,11)
```

Similar Colors

Text with hexadecimal color #ccf00b

This text has a font color of #ccf00b.

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

#ccf00b background color

This paragraph has a background color of #ccf00b.

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

#ccf00b border color

This element has a border color of #ccf00b.

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

CSS codes

.text {color:#ccf00b;}

.background {background-color:#ccf00b;}

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

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

#0d0f01
```
#0d0f01 rgb(13,15,1)
```
#1d2202
```
#1d2202 rgb(29,34,2)
```
#2d3402
```
#2d3402 rgb(45,52,2)
```
#3d4703
```
#3d4703 rgb(61,71,3)
```
#4c5a04
```
#4c5a04 rgb(76,90,4)
```
#5c6d05
```
#5c6d05 rgb(92,109,5)
```
#6c7f06
```
#6c7f06 rgb(108,127,6)
```
#7c9207
```
#7c9207 rgb(124,146,7)
```
#8ca508
```
#8ca508 rgb(140,165,8)
```
#9cb808
```
#9cb808 rgb(156,184,8)
```
#acca09
```
#acca09 rgb(172,202,9)
```
#bcdd0a
```
#bcdd0a rgb(188,221,10)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```

Shade Color Variation

#d2f51a
```
#d2f51a rgb(210,245,26)
```
#d6f52d
```
#d6f52d rgb(214,245,45)
```
#daf640
```
#daf640 rgb(218,246,64)
```
#ddf752
```
#ddf752 rgb(221,247,82)
```
#e1f865
```
#e1f865 rgb(225,248,101)
```
#e5f978
```
#e5f978 rgb(229,249,120)
```
#e8fa8b
```
#e8fa8b rgb(232,250,139)
```
#ecfb9d
```
#ecfb9d rgb(236,251,157)
```
#f0fbb0
```
#f0fbb0 rgb(240,251,176)
```
#f3fcc3
```
#f3fcc3 rgb(243,252,195)
```
#f7fdd6
```
#f7fdd6 rgb(247,253,214)
```
#fbfee8
```
#fbfee8 rgb(251,254,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#838675
```
#838675 rgb(131,134,117)
```
#8a8f6c
```
#8a8f6c rgb(138,143,108)
```
#909962
```
#909962 rgb(144,153,98)
```
#97a358
```
#97a358 rgb(151,163,88)
```
#9eac4f
```
#9eac4f rgb(158,172,79)
```
#a4b645
```
#a4b645 rgb(164,182,69)
```
#abc03b
```
#abc03b rgb(171,192,59)
```
#b2c932
```
#b2c932 rgb(178,201,50)
```
#b8d328
```
#b8d328 rgb(184,211,40)
```
#bfdd1e
```
#bfdd1e rgb(191,221,30)
```
#c5e615
```
#c5e615 rgb(197,230,21)
```
#ccf00b
```
#ccf00b rgb(204,240,11)
```
#d3fa01
```
#d3fa01 rgb(211,250,1)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee20d Protanopia 1% of men
#ffddaf Deuteranopia 1% of men
#e2e0f0 Tritanopia 0.001% of the population

Trichromacy

#ebe70c Protanomaly 1% of men, 0.01% of women
#ece473 Deuteranomaly 6% of men, 0.4% of women
#dae69d Tritanomaly 0.01% of the population

#ccf00b hex color

#ccf00b Color Information

#ccf00b Color Conversion

Color Schemes with #ccf00b

Alternatives to #ccf00b

#ccf00b Preview

Shades and Tints of #ccf00b

Tones of #ccf00b

Color Blindness Simulator