#caf06f hex color

In a RGB color space, hex #caf06f is composed of 79.2% red, 94.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 53.8% yellow and 5.9% black. It has a hue angle of 77.7 degrees, a saturation of 81.1% and a lightness of 68.8%. #caf06f color hex could be obtained by blending #ffffde with #95e100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 94
- B 44
RGB color chart
- C 16
- M 0
- Y 54
- K 6
CMYK color chart

● #caf06f color description : Soft green.

The hexadecimal color #caf06f has RGB values of R:202, G:240, B:111 and CMYK values of C:0.16, M:0, Y:0.54, K:0.06. Its decimal value is 13299823.

Hex triplet	caf06f	`#caf06f`
RGB Decimal	202, 240, 111	`rgb(202,240,111)`
RGB Percent	79.2, 94.1, 43.5	`rgb(79.2%,94.1%,43.5%)`
CMYK	16, 0, 54, 6
HSL	77.7°, 81.1, 68.8	`hsl(77.7,81.1%,68.8%)`
HSV (or HSB)	77.7°, 53.8, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.87, -31.302, 57.451
XYZ	58.385, 76.024, 26.636
xyY	0.363, 0.472, 76.024
CIE-LCH	89.87, 65.426, 118.584
CIE-LUV	89.87, -17.75, 78.008
Hunter-Lab	87.192, -33.058, 42.922
Binary	11001010, 11110000, 01101111

#caf06f
```
#caf06f rgb(202,240,111)
```
#956ff0
```
#956ff0 rgb(149,111,240)
```

Complementary Color

#f0d66f
```
#f0d66f rgb(240,214,111)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#8af06f
```
#8af06f rgb(138,240,111)
```

Analogous Color

#d66ff0
```
#d66ff0 rgb(214,111,240)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#6f8af0
```
#6f8af0 rgb(111,138,240)
```

Split Complementary Color

#f06fca
```
#f06fca rgb(240,111,202)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#6fcaf0
```
#6fcaf0 rgb(111,202,240)
```

Triadic Color

#f0956f
```
#f0956f rgb(240,149,111)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#6fcaf0
```
#6fcaf0 rgb(111,202,240)
```
#956ff0
```
#956ff0 rgb(149,111,240)
```

Tetradic Color

#b1e92a
```
#b1e92a rgb(177,233,42)
```
#b9eb41
```
#b9eb41 rgb(185,235,65)
```
#c2ee58
```
#c2ee58 rgb(194,238,88)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#d3f286
```
#d3f286 rgb(211,242,134)
```
#dbf59d
```
#dbf59d rgb(219,245,157)
```
#e4f7b4
```
#e4f7b4 rgb(228,247,180)
```

Monochromatic Color

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

#eaf06f
```
#eaf06f rgb(234,240,111)
```
#e0f06f
```
#e0f06f rgb(224,240,111)
```
#d5f06f
```
#d5f06f rgb(213,240,111)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#bff06f
```
#bff06f rgb(191,240,111)
```
#b5f06f
```
#b5f06f rgb(181,240,111)
```
#aaf06f
```
#aaf06f rgb(170,240,111)
```

Similar Colors

Text with hexadecimal color #caf06f

This text has a font color of #caf06f.

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

#caf06f background color

This paragraph has a background color of #caf06f.

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

#caf06f border color

This element has a border color of #caf06f.

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

CSS codes

.text {color:#caf06f;}

.background {background-color:#caf06f;}

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

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

#0c1002
```
#0c1002 rgb(12,16,2)
```
#192204
```
#192204 rgb(25,34,4)
```
#263305
```
#263305 rgb(38,51,5)
```
#334507
```
#334507 rgb(51,69,7)
```
#405709
```
#405709 rgb(64,87,9)
```
#4d690b
```
#4d690b rgb(77,105,11)
```
#5a7a0d
```
#5a7a0d rgb(90,122,13)
```
#678c0f
```
#678c0f rgb(103,140,15)
```
#749e10
```
#749e10 rgb(116,158,16)
```
#81b012
```
#81b012 rgb(129,176,18)
```
#8ec214
```
#8ec214 rgb(142,194,20)
```
#9cd316
```
#9cd316 rgb(156,211,22)
```
#a9e518
```
#a9e518 rgb(169,229,24)
```

Shade Color Variation

#b0e928
```
#b0e928 rgb(176,233,40)
```
#b6ea3a
```
#b6ea3a rgb(182,234,58)
```
#bdec4b
```
#bdec4b rgb(189,236,75)
```
#c3ee5d
```
#c3ee5d rgb(195,238,93)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#d1f281
```
#d1f281 rgb(209,242,129)
```
#d7f493
```
#d7f493 rgb(215,244,147)
```
#def6a4
```
#def6a4 rgb(222,246,164)
```
#e4f7b6
```
#e4f7b6 rgb(228,247,182)
```
#ebf9c8
```
#ebf9c8 rgb(235,249,200)
```
#f1fbda
```
#f1fbda rgb(241,251,218)
```
#f8fdeb
```
#f8fdeb rgb(248,253,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#b1b3ac
```
#b1b3ac rgb(177,179,172)
```
#b3b9a6
```
#b3b9a6 rgb(179,185,166)
```
#b6bfa0
```
#b6bfa0 rgb(182,191,160)
```
#b8c59a
```
#b8c59a rgb(184,197,154)
```
#bbcb94
```
#bbcb94 rgb(187,203,148)
```
#bdd18e
```
#bdd18e rgb(189,209,142)
```
#c0d887
```
#c0d887 rgb(192,216,135)
```
#c2de81
```
#c2de81 rgb(194,222,129)
```
#c5e47b
```
#c5e47b rgb(197,228,123)
```
#c7ea75
```
#c7ea75 rgb(199,234,117)
```
#caf06f
```
#caf06f rgb(202,240,111)
```
#cdf669
```
#cdf669 rgb(205,246,105)
```
#cffc63
```
#cffc63 rgb(207,252,99)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4dbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae372 Protanopia 1% of men
#ffdeb8 Deuteranopia 1% of men
#dee3f3 Tritanopia 0.001% of the population

Trichromacy

#e9e871 Protanomaly 1% of men, 0.01% of women
#ebe49d Deuteranomaly 6% of men, 0.4% of women
#d6e7c3 Tritanomaly 0.01% of the population

#caf06f hex color

#caf06f Color Information

#caf06f Color Conversion

Color Schemes with #caf06f

Alternatives to #caf06f

#caf06f Preview

Shades and Tints of #caf06f

Tones of #caf06f

Color Blindness Simulator