#ccee0f hex color

In a RGB color space, hex #ccee0f is composed of 80% red, 93.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 93.7% yellow and 6.7% black. It has a hue angle of 69.1 degrees, a saturation of 88.1% and a lightness of 49.6%. #ccee0f color hex could be obtained by blending #ffff1e with #99dd00. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 93
- B 6
RGB color chart
- C 14
- M 0
- Y 94
- K 7
CMYK color chart

● #ccee0f color description : Vivid yellow.

The hexadecimal color #ccee0f has RGB values of R:204, G:238, B:15 and CMYK values of C:0.14, M:0, Y:0.94, K:0.07. Its decimal value is 13430287.

Hex triplet	ccee0f	`#ccee0f`
RGB Decimal	204, 238, 15	`rgb(204,238,15)`
RGB Percent	80, 93.3, 5.9	`rgb(80%,93.3%,5.9%)`
CMYK	14, 0, 94, 7
HSL	69.1°, 88.1, 49.6	`hsl(69.1,88.1%,49.6%)`
HSV (or HSB)	69.1°, 93.7, 93.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.932, -34.223, 85.531
XYZ	55.562, 74.021, 11.812
xyY	0.393, 0.524, 74.021
CIE-LCH	88.932, 92.124, 111.807
CIE-LUV	88.932, -14.838, 99.673
Hunter-Lab	86.035, -35.285, 52.084
Binary	11001100, 11101110, 00001111

#ccee0f
```
#ccee0f rgb(204,238,15)
```
#310fee
```
#310fee rgb(49,15,238)
```

Complementary Color

#eea10f
```
#eea10f rgb(238,161,15)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#5dee0f
```
#5dee0f rgb(93,238,15)
```

Analogous Color

#a10fee
```
#a10fee rgb(161,15,238)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#0f5dee
```
#0f5dee rgb(15,93,238)
```

Split Complementary Color

#ee0fcc
```
#ee0fcc rgb(238,15,204)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#0fccee
```
#0fccee rgb(15,204,238)
```

Triadic Color

#ee310f
```
#ee310f rgb(238,49,15)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#0fccee
```
#0fccee rgb(15,204,238)
```
#310fee
```
#310fee rgb(49,15,238)
```

Tetradic Color

#8ea60a
```
#8ea60a rgb(142,166,10)
```
#a3be0c
```
#a3be0c rgb(163,190,12)
```
#b7d60d
```
#b7d60d rgb(183,214,13)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#d2f125
```
#d2f125 rgb(210,241,37)
```
#d7f33d
```
#d7f33d rgb(215,243,61)
```
#dcf455
```
#dcf455 rgb(220,244,85)
```

Monochromatic Color

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

#eed80f
```
#eed80f rgb(238,216,15)
```
#eeeb0f
```
#eeeb0f rgb(238,235,15)
```
#dfee0f
```
#dfee0f rgb(223,238,15)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#b9ee0f
```
#b9ee0f rgb(185,238,15)
```
#a7ee0f
```
#a7ee0f rgb(167,238,15)
```
#94ee0f
```
#94ee0f rgb(148,238,15)
```

Similar Colors

Text with hexadecimal color #ccee0f

This text has a font color of #ccee0f.

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

#ccee0f background color

This paragraph has a background color of #ccee0f.

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

#ccee0f border color

This element has a border color of #ccee0f.

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

CSS codes

.text {color:#ccee0f;}

.background {background-color:#ccee0f;}

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

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

#0e1101
```
#0e1101 rgb(14,17,1)
```
#1e2302
```
#1e2302 rgb(30,35,2)
```
#2e3503
```
#2e3503 rgb(46,53,3)
```
#3e4805
```
#3e4805 rgb(62,72,5)
```
#4d5a06
```
#4d5a06 rgb(77,90,6)
```
#5d6d07
```
#5d6d07 rgb(93,109,7)
```
#6d7f08
```
#6d7f08 rgb(109,127,8)
```
#7d9209
```
#7d9209 rgb(125,146,9)
```
#8da40a
```
#8da40a rgb(141,164,10)
```
#9db70c
```
#9db70c rgb(157,183,12)
```
#acc90d
```
#acc90d rgb(172,201,13)
```
#bcdc0e
```
#bcdc0e rgb(188,220,14)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```

Shade Color Variation

#d1f120
```
#d1f120 rgb(209,241,32)
```
#d5f232
```
#d5f232 rgb(213,242,50)
```
#d9f345
```
#d9f345 rgb(217,243,69)
```
#dcf457
```
#dcf457 rgb(220,244,87)
```
#e0f669
```
#e0f669 rgb(224,246,105)
```
#e4f77c
```
#e4f77c rgb(228,247,124)
```
#e8f88e
```
#e8f88e rgb(232,248,142)
```
#ecf9a1
```
#ecf9a1 rgb(236,249,161)
```
#effab3
```
#effab3 rgb(239,250,179)
```
#f3fbc6
```
#f3fbc6 rgb(243,251,198)
```
#f7fdd8
```
#f7fdd8 rgb(247,253,216)
```
#fbfeeb
```
#fbfeeb rgb(251,254,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#82837a
```
#82837a rgb(130,131,122)
```
#888d70
```
#888d70 rgb(136,141,112)
```
#8f9667
```
#8f9667 rgb(143,150,103)
```
#96a05d
```
#96a05d rgb(150,160,93)
```
#9daa53
```
#9daa53 rgb(157,170,83)
```
#a3b449
```
#a3b449 rgb(163,180,73)
```
#aabd40
```
#aabd40 rgb(170,189,64)
```
#b1c736
```
#b1c736 rgb(177,199,54)
```
#b8d12c
```
#b8d12c rgb(184,209,44)
```
#bedb22
```
#bedb22 rgb(190,219,34)
```
#c5e419
```
#c5e419 rgb(197,228,25)
```
#ccee0f
```
#ccee0f rgb(204,238,15)
```
#d3f805
```
#d3f805 rgb(211,248,5)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cad1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce114 Protanopia 1% of men
#ffdbaa Deuteranopia 1% of men
#e2deee Tritanopia 0.001% of the population

Trichromacy

#eae612 Protanomaly 1% of men, 0.01% of women
#ece272 Deuteranomaly 6% of men, 0.4% of women
#dae49d Tritanomaly 0.01% of the population

#ccee0f hex color

#ccee0f Color Information

#ccee0f Color Conversion

Color Schemes with #ccee0f

Alternatives to #ccee0f

#ccee0f Preview

Shades and Tints of #ccee0f

Tones of #ccee0f

Color Blindness Simulator