#ccf370 hex color

In a RGB color space, hex #ccf370 is composed of 80% red, 95.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 53.9% yellow and 4.7% black. It has a hue angle of 77.9 degrees, a saturation of 84.5% and a lightness of 69.6%. #ccf370 color hex could be obtained by blending #ffffe0 with #99e700. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 95
- B 44
RGB color chart
- C 16
- M 0
- Y 54
- K 5
CMYK color chart

● #ccf370 color description : Soft green.

The hexadecimal color #ccf370 has RGB values of R:204, G:243, B:112 and CMYK values of C:0.16, M:0, Y:0.54, K:0.05. Its decimal value is 13431664.

Hex triplet	ccf370	`#ccf370`
RGB Decimal	204, 243, 112	`rgb(204,243,112)`
RGB Percent	80, 95.3, 43.9	`rgb(80%,95.3%,43.9%)`
CMYK	16, 0, 54, 5
HSL	77.9°, 84.5, 69.6	`hsl(77.9,84.5%,69.6%)`
HSV (or HSB)	77.9°, 53.9, 95.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.829, -31.848, 58.15
XYZ	59.876, 78.108, 27.25
xyY	0.362, 0.473, 78.108
CIE-LCH	90.829, 66.3, 118.709
CIE-LUV	90.829, -18.259, 79.061
Hunter-Lab	88.379, -33.73, 43.584
Binary	11001100, 11110011, 01110000

#ccf370
```
#ccf370 rgb(204,243,112)
```
#9770f3
```
#9770f3 rgb(151,112,243)
```

Complementary Color

#f3d970
```
#f3d970 rgb(243,217,112)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#8bf370
```
#8bf370 rgb(139,243,112)
```

Analogous Color

#d970f3
```
#d970f3 rgb(217,112,243)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#708bf3
```
#708bf3 rgb(112,139,243)
```

Split Complementary Color

#f370cc
```
#f370cc rgb(243,112,204)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#70ccf3
```
#70ccf3 rgb(112,204,243)
```

Triadic Color

#f39770
```
#f39770 rgb(243,151,112)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#70ccf3
```
#70ccf3 rgb(112,204,243)
```
#9770f3
```
#9770f3 rgb(151,112,243)
```

Tetradic Color

#b3ed29
```
#b3ed29 rgb(179,237,41)
```
#bbef41
```
#bbef41 rgb(187,239,65)
```
#c4f158
```
#c4f158 rgb(196,241,88)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#d4f588
```
#d4f588 rgb(212,245,136)
```
#ddf79f
```
#ddf79f rgb(221,247,159)
```
#e5f9b7
```
#e5f9b7 rgb(229,249,183)
```

Monochromatic Color

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

#edf370
```
#edf370 rgb(237,243,112)
```
#e2f370
```
#e2f370 rgb(226,243,112)
```
#d7f370
```
#d7f370 rgb(215,243,112)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#c1f370
```
#c1f370 rgb(193,243,112)
```
#b6f370
```
#b6f370 rgb(182,243,112)
```
#abf370
```
#abf370 rgb(171,243,112)
```

Similar Colors

Text with hexadecimal color #ccf370

This text has a font color of #ccf370.

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

#ccf370 background color

This paragraph has a background color of #ccf370.

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

#ccf370 border color

This element has a border color of #ccf370.

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

CSS codes

.text {color:#ccf370;}

.background {background-color:#ccf370;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0e1402
```
#0e1402 rgb(14,20,2)
```
#1c2603
```
#1c2603 rgb(28,38,3)
```
#293805
```
#293805 rgb(41,56,5)
```
#364a06
```
#364a06 rgb(54,74,6)
```
#435c08
```
#435c08 rgb(67,92,8)
```
#506e09
```
#506e09 rgb(80,110,9)
```
#5d800b
```
#5d800b rgb(93,128,11)
```
#6b930c
```
#6b930c rgb(107,147,12)
```
#78a50e
```
#78a50e rgb(120,165,14)
```
#85b70f
```
#85b70f rgb(133,183,15)
```
#92c911
```
#92c911 rgb(146,201,17)
```
#9fdb12
```
#9fdb12 rgb(159,219,18)
```

Shade Color Variation

#aceb16
```
#aceb16 rgb(172,235,22)
```
#b2ed28
```
#b2ed28 rgb(178,237,40)
```
#b9ee3a
```
#b9ee3a rgb(185,238,58)
```
#bff04c
```
#bff04c rgb(191,240,76)
```
#c6f15e
```
#c6f15e rgb(198,241,94)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#d2f582
```
#d2f582 rgb(210,245,130)
```
#d9f694
```
#d9f694 rgb(217,246,148)
```
#dff8a6
```
#dff8a6 rgb(223,248,166)
```
#e6f9b8
```
#e6f9b8 rgb(230,249,184)
```
#ecfbca
```
#ecfbca rgb(236,251,202)
```
#f3fcdd
```
#f3fcdd rgb(243,252,221)
```
#f9feef
```
#f9feef rgb(249,254,239)
```

Tint Color Variation

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

#b4b7ac
```
#b4b7ac rgb(180,183,172)
```
#b6bda6
```
#b6bda6 rgb(182,189,166)
```
#b9c3a0
```
#b9c3a0 rgb(185,195,160)
```
#bbc99a
```
#bbc99a rgb(187,201,154)
```
#becf94
```
#becf94 rgb(190,207,148)
```
#c0d58e
```
#c0d58e rgb(192,213,142)
```
#c2db88
```
#c2db88 rgb(194,219,136)
```
#c5e182
```
#c5e182 rgb(197,225,130)
```
#c7e77c
```
#c7e77c rgb(199,231,124)
```
#caed76
```
#caed76 rgb(202,237,118)
```
#ccf370
```
#ccf370 rgb(204,243,112)
```
#cef96a
```
#cef96a rgb(206,249,106)
```
#d1ff64
```
#d1ff64 rgb(209,255,100)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6ddc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde673 Protanopia 1% of men
#ffe1bf Deuteranopia 1% of men
#e0e5f6 Tritanopia 0.001% of the population

Trichromacy

#ebea72 Protanomaly 1% of men, 0.01% of women
#ece7a2 Deuteranomaly 6% of men, 0.4% of women
#d9eac5 Tritanomaly 0.01% of the population

#ccf370 hex color

#ccf370 Color Information

#ccf370 Color Conversion

Color Schemes with #ccf370

Alternatives to #ccf370

#ccf370 Preview

Shades and Tints of #ccf370

Tones of #ccf370

Color Blindness Simulator