colorhexa.com

#ccee16 hex color

In a RGB color space, hex #ccee16 is composed of 80% red, 93.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 90.8% yellow and 6.7% black. It has a hue angle of 69.4 degrees, a saturation of 86.4% and a lightness of 51%. #ccee16 color hex could be obtained by blending #ffff2c with #99dd00. Closest websafe color is: #ccff00.

- R 80
- G 93
- B 9
RGB color chart
- C 14
- M 0
- Y 91
- K 7
CMYK color chart

● #ccee16 color description : Vivid yellow.

The hexadecimal color #ccee16 has RGB values of R:204, G:238, B:22 and CMYK values of C:0.14, M:0, Y:0.91, K:0.07. Its decimal value is 13430294.

Hex triplet	ccee16	`#ccee16`
RGB Decimal	204, 238, 22	`rgb(204,238,22)`
RGB Percent	80, 93.3, 8.6	`rgb(80%,93.3%,8.6%)`
CMYK	14, 0, 91, 7
HSL	69.4°, 86.4, 51	`hsl(69.4,86.4%,51%)`
HSV (or HSB)	69.4°, 90.8, 93.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.943, -34.124, 84.727
XYZ	55.621, 74.044, 12.121
xyY	0.392, 0.522, 74.044
CIE-LCH	88.943, 91.34, 111.937
CIE-LUV	88.943, -14.852, 99.176
Hunter-Lab	86.049, -35.206, 51.883
Binary	11001100, 11101110, 00010110

#ccee16
```
#ccee16 rgb(204,238,22)
```
#3816ee
```
#3816ee rgb(56,22,238)
```

Complementary Color

#eea416
```
#eea416 rgb(238,164,22)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#60ee16
```
#60ee16 rgb(96,238,22)
```

Analogous Color

#a416ee
```
#a416ee rgb(164,22,238)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#1660ee
```
#1660ee rgb(22,96,238)
```

Split Complementary Color

#ee16cc
```
#ee16cc rgb(238,22,204)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#16ccee
```
#16ccee rgb(22,204,238)
```

Triadic Color

#ee3816
```
#ee3816 rgb(238,56,22)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#16ccee
```
#16ccee rgb(22,204,238)
```
#3816ee
```
#3816ee rgb(56,22,238)
```

Tetradic Color

#92ab0c
```
#92ab0c rgb(146,171,12)
```
#a6c30e
```
#a6c30e rgb(166,195,14)
```
#bbdb10
```
#bbdb10 rgb(187,219,16)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#d1f02e
```
#d1f02e rgb(209,240,46)
```
#d6f146
```
#d6f146 rgb(214,241,70)
```
#dcf35d
```
#dcf35d rgb(220,243,93)
```

Monochromatic Color

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

#eeda16
```
#eeda16 rgb(238,218,22)
```
#eeec16
```
#eeec16 rgb(238,236,22)
```
#deee16
```
#deee16 rgb(222,238,22)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#baee16
```
#baee16 rgb(186,238,22)
```
#a8ee16
```
#a8ee16 rgb(168,238,22)
```
#96ee16
```
#96ee16 rgb(150,238,22)
```

Similar Colors

Text with hexadecimal color #ccee16

This text has a font color of #ccee16.

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

#ccee16 background color

This paragraph has a background color of #ccee16.

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

#ccee16 border color

This element has a border color of #ccee16.

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

CSS codes

.text {color:#ccee16;}

.background {background-color:#ccee16;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#141702
```
#141702 rgb(20,23,2)
```
#232903
```
#232903 rgb(35,41,3)
```
#333c04
```
#333c04 rgb(51,60,4)
```
#424e06
```
#424e06 rgb(66,78,6)
```
#526007
```
#526007 rgb(82,96,7)
```
#627208
```
#627208 rgb(98,114,8)
```
#71850a
```
#71850a rgb(113,133,10)
```
#81970b
```
#81970b rgb(129,151,11)
```
#91a90c
```
#91a90c rgb(145,169,12)
```
#a0bb0e
```
#a0bb0e rgb(160,187,14)
```
#b0ce0f
```
#b0ce0f rgb(176,206,15)
```
#bfe010
```
#bfe010 rgb(191,224,16)
```

Shade Color Variation

#ccee16
```
#ccee16 rgb(204,238,22)
```
#d0ef28
```
#d0ef28 rgb(208,239,40)
```
#d4f13b
```
#d4f13b rgb(212,241,59)
```
#d8f24d
```
#d8f24d rgb(216,242,77)
```
#dcf35f
```
#dcf35f rgb(220,243,95)
```
#e0f571
```
#e0f571 rgb(224,245,113)
```
#e4f684
```
#e4f684 rgb(228,246,132)
```
#e8f796
```
#e8f796 rgb(232,247,150)
```
#ecf9a8
```
#ecf9a8 rgb(236,249,168)
```
#f0fabb
```
#f0fabb rgb(240,250,187)
```
#f4fbcd
```
#f4fbcd rgb(244,251,205)
```
#f8fddf
```
#f8fddf rgb(248,253,223)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#848480
```
#848480 rgb(132,132,128)
```
#8a8e76
```
#8a8e76 rgb(138,142,118)
```
#91976d
```
#91976d rgb(145,151,109)
```
#97a163
```
#97a163 rgb(151,161,99)
```
#9eab59
```
#9eab59 rgb(158,171,89)
```
#a4b450
```
#a4b450 rgb(164,180,80)
```
#abbe46
```
#abbe46 rgb(171,190,70)
```
#b2c83c
```
#b2c83c rgb(178,200,60)
```
#b8d133
```
#b8d133 rgb(184,209,51)
```
#bfdb29
```
#bfdb29 rgb(191,219,41)
```
#c5e420
```
#c5e420 rgb(197,228,32)
```
#ccee16
```
#ccee16 rgb(204,238,22)
```
#d3f80c
```
#d3f80c rgb(211,248,12)
```

Tone Color Variation

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

Dichromacy

#fce11c Protanopia 1% of men
#ffdbaa Deuteranopia 1% of men
#e2dfee Tritanopia 0.001% of the population

Trichromacy

#eae61a Protanomaly 1% of men, 0.01% of women
#ece274 Deuteranomaly 6% of men, 0.4% of women
#dae4a0 Tritanomaly 0.01% of the population