colorhexa.com

#ccff10 hex color

In a RGB color space, hex #ccff10 is composed of 80% red, 100% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 93.7% yellow and 0% black. It has a hue angle of 72.8 degrees, a saturation of 100% and a lightness of 53.1%. #ccff10 color hex could be obtained by blending #ffff20 with #99ff00. Closest websafe color is: #ccff00.

- R 80
- G 100
- B 6
RGB color chart
- C 20
- M 0
- Y 94
- K 0
CMYK color chart

● #ccff10 color description : Vivid yellow.

The hexadecimal color #ccff10 has RGB values of R:204, G:255, B:16 and CMYK values of C:0.2, M:0, Y:0.94, K:0. Its decimal value is 13434640.

Hex triplet	ccff10	`#ccff10`
RGB Decimal	204, 255, 16	`rgb(204,255,16)`
RGB Percent	80, 100, 6.3	`rgb(80%,100%,6.3%)`
CMYK	20, 0, 94, 0
HSL	72.8°, 100, 53.1	`hsl(72.8,100%,53.1%)`
HSV (or HSB)	72.8°, 93.7, 100
Web Safe	ccff00	`#ccff00`

CIE-LAB	93.621, -41.797, 89.079
XYZ	60.755, 84.394, 13.579
xyY	0.383, 0.532, 84.394
CIE-LCH	93.621, 98.397, 115.137
CIE-LUV	93.621, -24.484, 106.044
Hunter-Lab	91.866, -42.717, 55.542
Binary	11001100, 11111111, 00010000

#ccff10
```
#ccff10 rgb(204,255,16)
```
#4310ff
```
#4310ff rgb(67,16,255)
```

Complementary Color

#ffbb10
```
#ffbb10 rgb(255,187,16)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#55ff10
```
#55ff10 rgb(85,255,16)
```

Analogous Color

#bb10ff
```
#bb10ff rgb(187,16,255)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#1055ff
```
#1055ff rgb(16,85,255)
```

Split Complementary Color

#ff10cc
```
#ff10cc rgb(255,16,204)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#10ccff
```
#10ccff rgb(16,204,255)
```

Triadic Color

#ff4310
```
#ff4310 rgb(255,67,16)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#10ccff
```
#10ccff rgb(16,204,255)
```
#4310ff
```
#4310ff rgb(67,16,255)
```

Tetradic Color

#99c300
```
#99c300 rgb(153,195,0)
```
#addc00
```
#addc00 rgb(173,220,0)
```
#c1f600
```
#c1f600 rgb(193,246,0)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#d1ff2a
```
#d1ff2a rgb(209,255,42)
```
#d7ff43
```
#d7ff43 rgb(215,255,67)
```
#dcff5d
```
#dcff5d rgb(220,255,93)
```

Monochromatic Color

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

#fff610
```
#fff610 rgb(255,246,16)
```
#f4ff10
```
#f4ff10 rgb(244,255,16)
```
#e0ff10
```
#e0ff10 rgb(224,255,16)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```
#b8ff10
```
#b8ff10 rgb(184,255,16)
```
#a4ff10
```
#a4ff10 rgb(164,255,16)
```
#90ff10
```
#90ff10 rgb(144,255,16)
```

Similar Colors

Text with hexadecimal color #ccff10

This text has a font color of #ccff10.

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

#ccff10 background color

This paragraph has a background color of #ccff10.

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

#ccff10 border color

This element has a border color of #ccff10.

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

CSS codes

.text {color:#ccff10;}

.background {background-color:#ccff10;}

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

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

#0d1000
```
#0d1000 rgb(13,16,0)
```
#1c2400
```
#1c2400 rgb(28,36,0)
```
#2b3700
```
#2b3700 rgb(43,55,0)
```
#3b4b00
```
#3b4b00 rgb(59,75,0)
```
#4a5e00
```
#4a5e00 rgb(74,94,0)
```
#5a7200
```
#5a7200 rgb(90,114,0)
```
#698600
```
#698600 rgb(105,134,0)
```
#799900
```
#799900 rgb(121,153,0)
```
#88ad00
```
#88ad00 rgb(136,173,0)
```
#97c100
```
#97c100 rgb(151,193,0)
```
#a7d400
```
#a7d400 rgb(167,212,0)
```
#b6e800
```
#b6e800 rgb(182,232,0)
```
#c6fb00
```
#c6fb00 rgb(198,251,0)
```

Shade Color Variation

#ccff10
```
#ccff10 rgb(204,255,16)
```
#d0ff24
```
#d0ff24 rgb(208,255,36)
```
#d4ff37
```
#d4ff37 rgb(212,255,55)
```
#d9ff4b
```
#d9ff4b rgb(217,255,75)
```
#ddff5e
```
#ddff5e rgb(221,255,94)
```
#e1ff72
```
#e1ff72 rgb(225,255,114)
```
#e5ff86
```
#e5ff86 rgb(229,255,134)
```
#e9ff99
```
#e9ff99 rgb(233,255,153)
```
#edffad
```
#edffad rgb(237,255,173)
```
#f2ffc1
```
#f2ffc1 rgb(242,255,193)
```
#f6ffd4
```
#f6ffd4 rgb(246,255,212)
```
#faffe8
```
#faffe8 rgb(250,255,232)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#8d917e
```
#8d917e rgb(141,145,126)
```
#929a75
```
#929a75 rgb(146,154,117)
```
#97a36c
```
#97a36c rgb(151,163,108)
```
#9dac63
```
#9dac63 rgb(157,172,99)
```
#a2b55a
```
#a2b55a rgb(162,181,90)
```
#a7bf50
```
#a7bf50 rgb(167,191,80)
```
#acc847
```
#acc847 rgb(172,200,71)
```
#b2d13e
```
#b2d13e rgb(178,209,62)
```
#b7da35
```
#b7da35 rgb(183,218,53)
```
#bce32c
```
#bce32c rgb(188,227,44)
```
#c1ed22
```
#c1ed22 rgb(193,237,34)
```
#c7f619
```
#c7f619 rgb(199,246,25)
```
#ccff10
```
#ccff10 rgb(204,255,16)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3ddae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda6 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#e5eeff Tritanopia 0.001% of the population

Trichromacy

#ecf46f Protanomaly 1% of men, 0.01% of women
#ecf28b Deuteranomaly 6% of men, 0.4% of women
#dcf4a8 Tritanomaly 0.01% of the population