colorhexa.com

#ccf15f hex color

In a RGB color space, hex #ccf15f is composed of 80% red, 94.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 0% magenta, 60.6% yellow and 5.5% black. It has a hue angle of 75.2 degrees, a saturation of 83.9% and a lightness of 65.9%. #ccf15f color hex could be obtained by blending #ffffbe with #99e300. Closest websafe color is: #ccff66.

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

● #ccf15f color description : Soft green.

The hexadecimal color #ccf15f has RGB values of R:204, G:241, B:95 and CMYK values of C:0.15, M:0, Y:0.61, K:0.05. Its decimal value is 13431135.

Hex triplet	ccf15f	`#ccf15f`
RGB Decimal	204, 241, 95	`rgb(204,241,95)`
RGB Percent	80, 94.5, 37.3	`rgb(80%,94.5%,37.3%)`
CMYK	15, 0, 61, 5
HSL	75.2°, 83.9, 65.9	`hsl(75.2,83.9%,65.9%)`
HSV (or HSB)	75.2°, 60.6, 94.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.125, -32.311, 64.683
XYZ	58.422, 76.574, 22.528
xyY	0.371, 0.486, 76.574
CIE-LCH	90.125, 72.304, 116.544
CIE-LUV	90.125, -16.988, 84.765
Hunter-Lab	87.506, -33.964, 45.99
Binary	11001100, 11110001, 01011111

#ccf15f
```
#ccf15f rgb(204,241,95)
```
#845ff1
```
#845ff1 rgb(132,95,241)
```

Complementary Color

#f1cd5f
```
#f1cd5f rgb(241,205,95)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#83f15f
```
#83f15f rgb(131,241,95)
```

Analogous Color

#cd5ff1
```
#cd5ff1 rgb(205,95,241)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#5f83f1
```
#5f83f1 rgb(95,131,241)
```

Split Complementary Color

#f15fcc
```
#f15fcc rgb(241,95,204)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#5fccf1
```
#5fccf1 rgb(95,204,241)
```

Triadic Color

#f1845f
```
#f1845f rgb(241,132,95)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#5fccf1
```
#5fccf1 rgb(95,204,241)
```
#845ff1
```
#845ff1 rgb(132,95,241)
```

Tetradic Color

#b6eb19
```
#b6eb19 rgb(182,235,25)
```
#bded30
```
#bded30 rgb(189,237,48)
```
#c5ef48
```
#c5ef48 rgb(197,239,72)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#d3f376
```
#d3f376 rgb(211,243,118)
```
#dbf58e
```
#dbf58e rgb(219,245,142)
```
#e2f7a5
```
#e2f7a5 rgb(226,247,165)
```

Monochromatic Color

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

#f1f15f
```
#f1f15f rgb(241,241,95)
```
#e4f15f
```
#e4f15f rgb(228,241,95)
```
#d8f15f
```
#d8f15f rgb(216,241,95)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#c0f15f
```
#c0f15f rgb(192,241,95)
```
#b4f15f
```
#b4f15f rgb(180,241,95)
```
#a8f15f
```
#a8f15f rgb(168,241,95)
```

Similar Colors

Text with hexadecimal color #ccf15f

This text has a font color of #ccf15f.

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

#ccf15f background color

This paragraph has a background color of #ccf15f.

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

#ccf15f border color

This element has a border color of #ccf15f.

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

CSS codes

.text {color:#ccf15f;}

.background {background-color:#ccf15f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101402
```
#101402 rgb(16,20,2)
```
#1e2603
```
#1e2603 rgb(30,38,3)
```
#2b3805
```
#2b3805 rgb(43,56,5)
```
#394a07
```
#394a07 rgb(57,74,7)
```
#475d08
```
#475d08 rgb(71,93,8)
```
#556f0a
```
#556f0a rgb(85,111,10)
```
#63810b
```
#63810b rgb(99,129,11)
```
#71930d
```
#71930d rgb(113,147,13)
```
#7fa50e
```
#7fa50e rgb(127,165,14)
```
#8cb710
```
#8cb710 rgb(140,183,16)
```
#9ac912
```
#9ac912 rgb(154,201,18)
```
#a8db13
```
#a8db13 rgb(168,219,19)
```

Shade Color Variation

#b5eb17
```
#b5eb17 rgb(181,235,23)
```
#bbec29
```
#bbec29 rgb(187,236,41)
```
#c1ee3b
```
#c1ee3b rgb(193,238,59)
```
#c6ef4d
```
#c6ef4d rgb(198,239,77)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#d2f371
```
#d2f371 rgb(210,243,113)
```
#d7f483
```
#d7f483 rgb(215,244,131)
```
#ddf695
```
#ddf695 rgb(221,246,149)
```
#e3f7a7
```
#e3f7a7 rgb(227,247,167)
```
#e9f9b9
```
#e9f9b9 rgb(233,249,185)
```
#eefacb
```
#eefacb rgb(238,250,203)
```
#f4fcdd
```
#f4fcdd rgb(244,252,221)
```
#fafeef
```
#fafeef rgb(250,254,239)
```

Tint Color Variation

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

#abaea2
```
#abaea2 rgb(171,174,162)
```
#aeb59b
```
#aeb59b rgb(174,181,155)
```
#b2bb95
```
#b2bb95 rgb(178,187,149)
```
#b5c28e
```
#b5c28e rgb(181,194,142)
```
#b8c987
```
#b8c987 rgb(184,201,135)
```
#bbd080
```
#bbd080 rgb(187,208,128)
```
#bfd67a
```
#bfd67a rgb(191,214,122)
```
#c2dd73
```
#c2dd73 rgb(194,221,115)
```
#c5e46c
```
#c5e46c rgb(197,228,108)
```
#c9ea66
```
#c9ea66 rgb(201,234,102)
```
#ccf15f
```
#ccf15f rgb(204,241,95)
```
#cff858
```
#cff858 rgb(207,248,88)
```
#d3fe52
```
#d3fe52 rgb(211,254,82)
```

Tone Color Variation

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

Dichromacy

#fde463 Protanopia 1% of men
#ffdfb8 Deuteranopia 1% of men
#e1e3f3 Tritanopia 0.001% of the population

Trichromacy

#ebe961 Protanomaly 1% of men, 0.01% of women
#ece598 Deuteranomaly 6% of men, 0.4% of women
#d9e8bd Tritanomaly 0.01% of the population