colorhexa.com

#ccf12f hex color

In a RGB color space, hex #ccf12f is composed of 80% red, 94.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 80.5% yellow and 5.5% black. It has a hue angle of 71.4 degrees, a saturation of 87.4% and a lightness of 56.5%. #ccf12f color hex could be obtained by blending #ffff5e with #99e300. Closest websafe color is: #ccff33.

- R 80
- G 95
- B 18
RGB color chart
- C 15
- M 0
- Y 80
- K 5
CMYK color chart

● #ccf12f color description : Bright yellow.

The hexadecimal color #ccf12f has RGB values of R:204, G:241, B:47 and CMYK values of C:0.15, M:0, Y:0.8, K:0.05. Its decimal value is 13431087.

Hex triplet	ccf12f	`#ccf12f`
RGB Decimal	204, 241, 47	`rgb(204,241,47)`
RGB Percent	80, 94.5, 18.4	`rgb(80%,94.5%,18.4%)`
CMYK	15, 0, 80, 5
HSL	71.4°, 87.4, 56.5	`hsl(71.4,87.4%,56.5%)`
HSV (or HSB)	71.4°, 80.5, 94.5
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.837, -34.871, 80.69
XYZ	56.87, 75.953, 14.354
xyY	0.386, 0.516, 75.953
CIE-LCH	89.837, 87.903, 113.372
CIE-LUV	89.837, -16.671, 97.262
Hunter-Lab	87.151, -36.035, 51.241
Binary	11001100, 11110001, 00101111

#ccf12f
```
#ccf12f rgb(204,241,47)
```
#542ff1
```
#542ff1 rgb(84,47,241)
```

Complementary Color

#f1b52f
```
#f1b52f rgb(241,181,47)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#6bf12f
```
#6bf12f rgb(107,241,47)
```

Analogous Color

#b52ff1
```
#b52ff1 rgb(181,47,241)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#2f6bf1
```
#2f6bf1 rgb(47,107,241)
```

Split Complementary Color

#f12fcc
```
#f12fcc rgb(241,47,204)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#2fccf1
```
#2fccf1 rgb(47,204,241)
```

Triadic Color

#f1542f
```
#f1542f rgb(241,84,47)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#2fccf1
```
#2fccf1 rgb(47,204,241)
```
#542ff1
```
#542ff1 rgb(84,47,241)
```

Tetradic Color

#a3c60d
```
#a3c60d rgb(163,198,13)
```
#b7de0f
```
#b7de0f rgb(183,222,15)
```
#c6ef17
```
#c6ef17 rgb(198,239,23)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#d2f347
```
#d2f347 rgb(210,243,71)
```
#d8f45f
```
#d8f45f rgb(216,244,95)
```
#def677
```
#def677 rgb(222,246,119)
```

Monochromatic Color

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

#f1e62f
```
#f1e62f rgb(241,230,47)
```
#ecf12f
```
#ecf12f rgb(236,241,47)
```
#dcf12f
```
#dcf12f rgb(220,241,47)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#bcf12f
```
#bcf12f rgb(188,241,47)
```
#acf12f
```
#acf12f rgb(172,241,47)
```
#9cf12f
```
#9cf12f rgb(156,241,47)
```

Similar Colors

Text with hexadecimal color #ccf12f

This text has a font color of #ccf12f.

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

#ccf12f background color

This paragraph has a background color of #ccf12f.

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

#ccf12f border color

This element has a border color of #ccf12f.

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

CSS codes

.text {color:#ccf12f;}

.background {background-color:#ccf12f;}

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

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

#0a0d01
```
#0a0d01 rgb(10,13,1)
```
#191f02
```
#191f02 rgb(25,31,2)
```
#293103
```
#293103 rgb(41,49,3)
```
#384405
```
#384405 rgb(56,68,5)
```
#475606
```
#475606 rgb(71,86,6)
```
#566807
```
#566807 rgb(86,104,7)
```
#657b08
```
#657b08 rgb(101,123,8)
```
#748d0a
```
#748d0a rgb(116,141,10)
```
#83a00b
```
#83a00b rgb(131,160,11)
```
#92b20c
```
#92b20c rgb(146,178,12)
```
#a1c40d
```
#a1c40d rgb(161,196,13)
```
#b1d70e
```
#b1d70e rgb(177,215,14)
```
#c0e910
```
#c0e910 rgb(192,233,16)
```

Shade Color Variation

#c7f01d
```
#c7f01d rgb(199,240,29)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#d1f241
```
#d1f241 rgb(209,242,65)
```
#d5f354
```
#d5f354 rgb(213,243,84)
```
#daf566
```
#daf566 rgb(218,245,102)
```
#def679
```
#def679 rgb(222,246,121)
```
#e3f78b
```
#e3f78b rgb(227,247,139)
```
#e7f89d
```
#e7f89d rgb(231,248,157)
```
#ecfab0
```
#ecfab0 rgb(236,250,176)
```
#f0fbc2
```
#f0fbc2 rgb(240,251,194)
```
#f5fcd4
```
#f5fcd4 rgb(245,252,212)
```
#f9fde7
```
#f9fde7 rgb(249,253,231)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#92938d
```
#92938d rgb(146,147,141)
```
#979c84
```
#979c84 rgb(151,156,132)
```
#9ca47c
```
#9ca47c rgb(156,164,124)
```
#a2ad73
```
#a2ad73 rgb(162,173,115)
```
#a7b56b
```
#a7b56b rgb(167,181,107)
```
#acbe62
```
#acbe62 rgb(172,190,98)
```
#b2c65a
```
#b2c65a rgb(178,198,90)
```
#b7cf51
```
#b7cf51 rgb(183,207,81)
```
#bcd749
```
#bcd749 rgb(188,215,73)
```
#c1e040
```
#c1e040 rgb(193,224,64)
```
#c7e838
```
#c7e838 rgb(199,232,56)
```
#ccf12f
```
#ccf12f rgb(204,241,47)
```
#d1fa26
```
#d1fa26 rgb(209,250,38)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee336 Protanopia 1% of men
#ffdeb3 Deuteranopia 1% of men
#e2e2f2 Tritanopia 0.001% of the population

Trichromacy

#ece833 Protanomaly 1% of men, 0.01% of women
#ece583 Deuteranomaly 6% of men, 0.4% of women
#dae7ab Tritanomaly 0.01% of the population