#ccf118 hex color

In a RGB color space, hex #ccf118 is composed of 80% red, 94.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 90% yellow and 5.5% black. It has a hue angle of 70.2 degrees, a saturation of 88.6% and a lightness of 52%. #ccf118 color hex could be obtained by blending #ffff30 with #99e300. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 80
- G 95
- B 9
RGB color chart
- C 15
- M 0
- Y 90
- K 5
CMYK color chart

● #ccf118 color description : Vivid yellow.

The hexadecimal color #ccf118 has RGB values of R:204, G:241, B:24 and CMYK values of C:0.15, M:0, Y:0.9, K:0.05. Its decimal value is 13431064.

Hex triplet	ccf118	`#ccf118`
RGB Decimal	204, 241, 24	`rgb(204,241,24)`
RGB Percent	80, 94.5, 9.4	`rgb(80%,94.5%,9.4%)`
CMYK	15, 0, 90, 5
HSL	70.2°, 88.6, 52	`hsl(70.2,88.6%,52%)`
HSV (or HSB)	70.2°, 90, 94.5
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.773, -35.453, 85.112
XYZ	56.522, 75.814, 12.52
xyY	0.39, 0.523, 75.814
CIE-LCH	89.773, 92.201, 112.614
CIE-LUV	89.773, -16.597, 100.154
Hunter-Lab	87.071, -36.502, 52.424
Binary	11001100, 11110001, 00011000

#ccf118
```
#ccf118 rgb(204,241,24)
```
#3d18f1
```
#3d18f1 rgb(61,24,241)
```

Complementary Color

#f1aa18
```
#f1aa18 rgb(241,170,24)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#60f118
```
#60f118 rgb(96,241,24)
```

Analogous Color

#aa18f1
```
#aa18f1 rgb(170,24,241)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#1860f1
```
#1860f1 rgb(24,96,241)
```

Split Complementary Color

#f118cc
```
#f118cc rgb(241,24,204)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#18ccf1
```
#18ccf1 rgb(24,204,241)
```

Triadic Color

#f13d18
```
#f13d18 rgb(241,61,24)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#18ccf1
```
#18ccf1 rgb(24,204,241)
```
#3d18f1
```
#3d18f1 rgb(61,24,241)
```

Tetradic Color

#95b20b
```
#95b20b rgb(149,178,11)
```
#a9ca0c
```
#a9ca0c rgb(169,202,12)
```
#bee20e
```
#bee20e rgb(190,226,14)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#d1f230
```
#d1f230 rgb(209,242,48)
```
#d7f448
```
#d7f448 rgb(215,244,72)
```
#dcf560
```
#dcf560 rgb(220,245,96)
```

Monochromatic Color

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

#f1e018
```
#f1e018 rgb(241,224,24)
```
#f0f118
```
#f0f118 rgb(240,241,24)
```
#def118
```
#def118 rgb(222,241,24)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#baf118
```
#baf118 rgb(186,241,24)
```
#a8f118
```
#a8f118 rgb(168,241,24)
```
#96f118
```
#96f118 rgb(150,241,24)
```

Similar Colors

Text with hexadecimal color #ccf118

This text has a font color of #ccf118.

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

#ccf118 background color

This paragraph has a background color of #ccf118.

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

#ccf118 border color

This element has a border color of #ccf118.

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

CSS codes

.text {color:#ccf118;}

.background {background-color:#ccf118;}

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

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

#080901
```
#080901 rgb(8,9,1)
```
#171c02
```
#171c02 rgb(23,28,2)
```
#272e03
```
#272e03 rgb(39,46,3)
```
#374104
```
#374104 rgb(55,65,4)
```
#465305
```
#465305 rgb(70,83,5)
```
#566606
```
#566606 rgb(86,102,6)
```
#657807
```
#657807 rgb(101,120,7)
```
#758b08
```
#758b08 rgb(117,139,8)
```
#849d0a
```
#849d0a rgb(132,157,10)
```
#94b00b
```
#94b00b rgb(148,176,11)
```
#a3c20c
```
#a3c20c rgb(163,194,12)
```
#b3d50d
```
#b3d50d rgb(179,213,13)
```
#c2e70e
```
#c2e70e rgb(194,231,14)
```

Shade Color Variation

#ccf118
```
#ccf118 rgb(204,241,24)
```
#d0f22a
```
#d0f22a rgb(208,242,42)
```
#d4f33d
```
#d4f33d rgb(212,243,61)
```
#d8f44f
```
#d8f44f rgb(216,244,79)
```
#dcf562
```
#dcf562 rgb(220,245,98)
```
#e0f774
```
#e0f774 rgb(224,247,116)
```
#e4f887
```
#e4f887 rgb(228,248,135)
```
#e9f999
```
#e9f999 rgb(233,249,153)
```
#edfaac
```
#edfaac rgb(237,250,172)
```
#f1fbbe
```
#f1fbbe rgb(241,251,190)
```
#f5fcd1
```
#f5fcd1 rgb(245,252,209)
```
#f9fde3
```
#f9fde3 rgb(249,253,227)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#888980
```
#888980 rgb(136,137,128)
```
#8e9376
```
#8e9376 rgb(142,147,118)
```
#949c6d
```
#949c6d rgb(148,156,109)
```
#9aa663
```
#9aa663 rgb(154,166,99)
```
#a1af5a
```
#a1af5a rgb(161,175,90)
```
#a7b851
```
#a7b851 rgb(167,184,81)
```
#adc247
```
#adc247 rgb(173,194,71)
```
#b3cb3e
```
#b3cb3e rgb(179,203,62)
```
#b9d534
```
#b9d534 rgb(185,213,52)
```
#c0de2b
```
#c0de2b rgb(192,222,43)
```
#c6e821
```
#c6e821 rgb(198,232,33)
```
#ccf118
```
#ccf118 rgb(204,241,24)
```
#d2fa0f
```
#d2fa0f rgb(210,250,15)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdd4a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee31e Protanopia 1% of men
#ffdeb2 Deuteranopia 1% of men
#e3e1f1 Tritanopia 0.001% of the population

Trichromacy

#ece81c Protanomaly 1% of men, 0.01% of women
#ece57a Deuteranomaly 6% of men, 0.4% of women
#dae7a2 Tritanomaly 0.01% of the population

#ccf118 hex color

#ccf118 Color Information

#ccf118 Color Conversion

Color Schemes with #ccf118

Alternatives to #ccf118

#ccf118 Preview

Shades and Tints of #ccf118

Tones of #ccf118

Color Blindness Simulator