#caf66c hex color

In a RGB color space, hex #caf66c is composed of 79.2% red, 96.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 0% magenta, 56.1% yellow and 3.5% black. It has a hue angle of 79.1 degrees, a saturation of 88.5% and a lightness of 69.4%. #caf66c color hex could be obtained by blending #ffffd8 with #95ed00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 96
- B 42
RGB color chart
- C 18
- M 0
- Y 56
- K 4
CMYK color chart

● #caf66c color description : Soft green.

The hexadecimal color #caf66c has RGB values of R:202, G:246, B:108 and CMYK values of C:0.18, M:0, Y:0.56, K:0.04. Its decimal value is 13301356.

Hex triplet	caf66c	`#caf66c`
RGB Decimal	202, 246, 108	`rgb(202,246,108)`
RGB Percent	79.2, 96.5, 42.4	`rgb(79.2%,96.5%,42.4%)`
CMYK	18, 0, 56, 4
HSL	79.1°, 88.5, 69.4	`hsl(79.1,88.5%,69.4%)`
HSV (or HSB)	79.1°, 56.1, 96.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.483, -34.325, 60.635
XYZ	60.019, 79.55, 26.379
xyY	0.362, 0.479, 79.55
CIE-LCH	91.483, 69.676, 119.514
CIE-LUV	91.483, -21.001, 82.06
Hunter-Lab	89.191, -35.967, 44.898
Binary	11001010, 11110110, 01101100

#caf66c
```
#caf66c rgb(202,246,108)
```
#986cf6
```
#986cf6 rgb(152,108,246)
```

Complementary Color

#f6dd6c
```
#f6dd6c rgb(246,221,108)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#85f66c
```
#85f66c rgb(133,246,108)
```

Analogous Color

#dd6cf6
```
#dd6cf6 rgb(221,108,246)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#6c85f6
```
#6c85f6 rgb(108,133,246)
```

Split Complementary Color

#f66cca
```
#f66cca rgb(246,108,202)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#6ccaf6
```
#6ccaf6 rgb(108,202,246)
```

Triadic Color

#f6986c
```
#f6986c rgb(246,152,108)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#6ccaf6
```
#6ccaf6 rgb(108,202,246)
```
#986cf6
```
#986cf6 rgb(152,108,246)
```

Tetradic Color

#b0f224
```
#b0f224 rgb(176,242,36)
```
#b9f33c
```
#b9f33c rgb(185,243,60)
```
#c1f554
```
#c1f554 rgb(193,245,84)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#d3f784
```
#d3f784 rgb(211,247,132)
```
#dbf99c
```
#dbf99c rgb(219,249,156)
```
#e4fab4
```
#e4fab4 rgb(228,250,180)
```

Monochromatic Color

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

#edf66c
```
#edf66c rgb(237,246,108)
```
#e1f66c
```
#e1f66c rgb(225,246,108)
```
#d6f66c
```
#d6f66c rgb(214,246,108)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#bff66c
```
#bff66c rgb(191,246,108)
```
#b3f66c
```
#b3f66c rgb(179,246,108)
```
#a8f66c
```
#a8f66c rgb(168,246,108)
```

Similar Colors

Text with hexadecimal color #caf66c

This text has a font color of #caf66c.

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

#caf66c background color

This paragraph has a background color of #caf66c.

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

#caf66c border color

This element has a border color of #caf66c.

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

CSS codes

.text {color:#caf66c;}

.background {background-color:#caf66c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e1301
```
#0e1301 rgb(14,19,1)
```
#1b2602
```
#1b2602 rgb(27,38,2)
```
#273803
```
#273803 rgb(39,56,3)
```
#344b05
```
#344b05 rgb(52,75,5)
```
#415d06
```
#415d06 rgb(65,93,6)
```
#4e7007
```
#4e7007 rgb(78,112,7)
```
#5b8208
```
#5b8208 rgb(91,130,8)
```
#689509
```
#689509 rgb(104,149,9)
```
#75a70a
```
#75a70a rgb(117,167,10)
```
#82ba0b
```
#82ba0b rgb(130,186,11)
```
#8fcc0d
```
#8fcc0d rgb(143,204,13)
```
#9cdf0e
```
#9cdf0e rgb(156,223,14)
```

Shade Color Variation

#a9f010
```
#a9f010 rgb(169,240,16)
```
#aff122
```
#aff122 rgb(175,241,34)
```
#b6f335
```
#b6f335 rgb(182,243,53)
```
#bdf447
```
#bdf447 rgb(189,244,71)
```
#c3f55a
```
#c3f55a rgb(195,245,90)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#d1f77e
```
#d1f77e rgb(209,247,126)
```
#d7f891
```
#d7f891 rgb(215,248,145)
```
#def9a3
```
#def9a3 rgb(222,249,163)
```
#e5fbb6
```
#e5fbb6 rgb(229,251,182)
```
#ebfcc8
```
#ebfcc8 rgb(235,252,200)
```
#f2fddb
```
#f2fddb rgb(242,253,219)
```
#f9feed
```
#f9feed rgb(249,254,237)
```

Tint Color Variation

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

#b2b4ae
```
#b2b4ae rgb(178,180,174)
```
#b4baa8
```
#b4baa8 rgb(180,186,168)
```
#b6c0a2
```
#b6c0a2 rgb(182,192,162)
```
#b9c69c
```
#b9c69c rgb(185,198,156)
```
#bbcc96
```
#bbcc96 rgb(187,204,150)
```
#bdd290
```
#bdd290 rgb(189,210,144)
```
#bfd88a
```
#bfd88a rgb(191,216,138)
```
#c1de84
```
#c1de84 rgb(193,222,132)
```
#c3e47e
```
#c3e47e rgb(195,228,126)
```
#c6ea78
```
#c6ea78 rgb(198,234,120)
```
#c8f072
```
#c8f072 rgb(200,240,114)
```
#caf66c
```
#caf66c rgb(202,246,108)
```
#ccfc66
```
#ccfc66 rgb(204,252,102)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d6dfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87a Protanopia 1% of men
#ffe3c4 Deuteranopia 1% of men
#dfe8f8 Tritanopia 0.001% of the population

Trichromacy

#ebed75 Protanomaly 1% of men, 0.01% of women
#ebeaa4 Deuteranomaly 6% of men, 0.4% of women
#d7edc5 Tritanomaly 0.01% of the population

#caf66c hex color

#caf66c Color Information

#caf66c Color Conversion

Color Schemes with #caf66c

Alternatives to #caf66c

#caf66c Preview

Shades and Tints of #caf66c

Tones of #caf66c

Color Blindness Simulator