#caf06e hex color

In a RGB color space, hex #caf06e is composed of 79.2% red, 94.1% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 54.2% yellow and 5.9% black. It has a hue angle of 77.5 degrees, a saturation of 81.3% and a lightness of 68.6%. #caf06e color hex could be obtained by blending #ffffdc with #95e100. Closest websafe color is: #ccff66.

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

● #caf06e color description : Soft green.

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

Hex triplet	caf06e	`#caf06e`
RGB Decimal	202, 240, 110	`rgb(202,240,110)`
RGB Percent	79.2, 94.1, 43.1	`rgb(79.2%,94.1%,43.1%)`
CMYK	16, 0, 54, 6
HSL	77.5°, 81.3, 68.6	`hsl(77.5,81.3%,68.6%)`
HSV (or HSB)	77.5°, 54.2, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.86, -31.391, 57.887
XYZ	58.331, 76.002, 26.348
xyY	0.363, 0.473, 76.002
CIE-LCH	89.86, 65.851, 118.47
CIE-LUV	89.86, -17.74, 78.43
Hunter-Lab	87.179, -33.131, 43.106
Binary	11001010, 11110000, 01101110

#caf06e
```
#caf06e rgb(202,240,110)
```
#946ef0
```
#946ef0 rgb(148,110,240)
```

Complementary Color

#f0d56e
```
#f0d56e rgb(240,213,110)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#89f06e
```
#89f06e rgb(137,240,110)
```

Analogous Color

#d56ef0
```
#d56ef0 rgb(213,110,240)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#6e89f0
```
#6e89f0 rgb(110,137,240)
```

Split Complementary Color

#f06eca
```
#f06eca rgb(240,110,202)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#6ecaf0
```
#6ecaf0 rgb(110,202,240)
```

Triadic Color

#f0946e
```
#f0946e rgb(240,148,110)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#6ecaf0
```
#6ecaf0 rgb(110,202,240)
```
#946ef0
```
#946ef0 rgb(148,110,240)
```

Tetradic Color

#b1e929
```
#b1e929 rgb(177,233,41)
```
#b9eb40
```
#b9eb40 rgb(185,235,64)
```
#c2ee57
```
#c2ee57 rgb(194,238,87)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#d2f285
```
#d2f285 rgb(210,242,133)
```
#dbf59c
```
#dbf59c rgb(219,245,156)
```
#e3f7b3
```
#e3f7b3 rgb(227,247,179)
```

Monochromatic Color

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

#ebf06e
```
#ebf06e rgb(235,240,110)
```
#e0f06e
```
#e0f06e rgb(224,240,110)
```
#d5f06e
```
#d5f06e rgb(213,240,110)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#bff06e
```
#bff06e rgb(191,240,110)
```
#b4f06e
```
#b4f06e rgb(180,240,110)
```
#aaf06e
```
#aaf06e rgb(170,240,110)
```

Similar Colors

Text with hexadecimal color #caf06e

This text has a font color of #caf06e.

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

#caf06e background color

This paragraph has a background color of #caf06e.

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

#caf06e border color

This element has a border color of #caf06e.

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

CSS codes

.text {color:#caf06e;}

.background {background-color:#caf06e;}

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

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

#0b0f02
```
#0b0f02 rgb(11,15,2)
```
#182103
```
#182103 rgb(24,33,3)
```
#253305
```
#253305 rgb(37,51,5)
```
#324407
```
#324407 rgb(50,68,7)
```
#405609
```
#405609 rgb(64,86,9)
```
#4d680b
```
#4d680b rgb(77,104,11)
```
#5a7a0d
```
#5a7a0d rgb(90,122,13)
```
#678b0e
```
#678b0e rgb(103,139,14)
```
#749d10
```
#749d10 rgb(116,157,16)
```
#81af12
```
#81af12 rgb(129,175,18)
```
#8ec114
```
#8ec114 rgb(142,193,20)
```
#9bd316
```
#9bd316 rgb(155,211,22)
```
#a8e418
```
#a8e418 rgb(168,228,24)
```

Shade Color Variation

#b0e927
```
#b0e927 rgb(176,233,39)
```
#b7ea39
```
#b7ea39 rgb(183,234,57)
```
#bdec4a
```
#bdec4a rgb(189,236,74)
```
#c4ee5c
```
#c4ee5c rgb(196,238,92)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#d0f280
```
#d0f280 rgb(208,242,128)
```
#d7f492
```
#d7f492 rgb(215,244,146)
```
#ddf6a3
```
#ddf6a3 rgb(221,246,163)
```
#e4f7b5
```
#e4f7b5 rgb(228,247,181)
```
#eaf9c7
```
#eaf9c7 rgb(234,249,199)
```
#f1fbd9
```
#f1fbd9 rgb(241,251,217)
```
#f7fdea
```
#f7fdea rgb(247,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#b0b2ac
```
#b0b2ac rgb(176,178,172)
```
#b3b9a5
```
#b3b9a5 rgb(179,185,165)
```
#b6bf9f
```
#b6bf9f rgb(182,191,159)
```
#b8c599
```
#b8c599 rgb(184,197,153)
```
#bbcb93
```
#bbcb93 rgb(187,203,147)
```
#bdd18d
```
#bdd18d rgb(189,209,141)
```
#c0d787
```
#c0d787 rgb(192,215,135)
```
#c2de80
```
#c2de80 rgb(194,222,128)
```
#c5e47a
```
#c5e47a rgb(197,228,122)
```
#c7ea74
```
#c7ea74 rgb(199,234,116)
```
#caf06e
```
#caf06e rgb(202,240,110)
```
#cdf668
```
#cdf668 rgb(205,246,104)
```
#cffc62
```
#cffc62 rgb(207,252,98)
```

Tone Color Variation

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

#fbe371 Protanopia 1% of men
#ffdeb7 Deuteranopia 1% of men
#dee3f3 Tritanopia 0.001% of the population

Trichromacy

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

#caf06e hex color

#caf06e Color Information

#caf06e Color Conversion

Color Schemes with #caf06e

Alternatives to #caf06e

#caf06e Preview

Shades and Tints of #caf06e

Tones of #caf06e

Color Blindness Simulator