#caf85a hex color

In a RGB color space, hex #caf85a is composed of 79.2% red, 97.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 63.7% yellow and 2.7% black. It has a hue angle of 77.5 degrees, a saturation of 91.9% and a lightness of 66.3%. #caf85a color hex could be obtained by blending #ffffb4 with #95f100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 97
- B 35
RGB color chart
- C 19
- M 0
- Y 64
- K 3
CMYK color chart

● #caf85a color description : Soft green.

The hexadecimal color #caf85a has RGB values of R:202, G:248, B:90 and CMYK values of C:0.19, M:0, Y:0.64, K:0.03. Its decimal value is 13301850.

Hex triplet	caf85a	`#caf85a`
RGB Decimal	202, 248, 90	`rgb(202,248,90)`
RGB Percent	79.2, 97.3, 35.3	`rgb(79.2%,97.3%,35.3%)`
CMYK	19, 0, 64, 3
HSL	77.5°, 91.9, 66.3	`hsl(77.5,91.9%,66.3%)`
HSV (or HSB)	77.5°, 63.7, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.877, -36.62, 68.55
XYZ	59.769, 80.429, 22.048
xyY	0.368, 0.496, 80.429
CIE-LCH	91.877, 77.718, 118.111
CIE-LUV	91.877, -21.976, 89.533
Hunter-Lab	89.682, -37.981, 48.201
Binary	11001010, 11111000, 01011010

#caf85a
```
#caf85a rgb(202,248,90)
```
#885af8
```
#885af8 rgb(136,90,248)
```

Complementary Color

#f8d75a
```
#f8d75a rgb(248,215,90)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#7bf85a
```
#7bf85a rgb(123,248,90)
```

Analogous Color

#d75af8
```
#d75af8 rgb(215,90,248)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#5a7bf8
```
#5a7bf8 rgb(90,123,248)
```

Split Complementary Color

#f85aca
```
#f85aca rgb(248,90,202)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#5acaf8
```
#5acaf8 rgb(90,202,248)
```

Triadic Color

#f8885a
```
#f8885a rgb(248,136,90)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#5acaf8
```
#5acaf8 rgb(90,202,248)
```
#885af8
```
#885af8 rgb(136,90,248)
```

Tetradic Color

#b2f511
```
#b2f511 rgb(178,245,17)
```
#baf629
```
#baf629 rgb(186,246,41)
```
#c2f742
```
#c2f742 rgb(194,247,66)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#d2f972
```
#d2f972 rgb(210,249,114)
```
#dafa8b
```
#dafa8b rgb(218,250,139)
```
#e2fba3
```
#e2fba3 rgb(226,251,163)
```

Monochromatic Color

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

#f2f85a
```
#f2f85a rgb(242,248,90)
```
#e4f85a
```
#e4f85a rgb(228,248,90)
```
#d7f85a
```
#d7f85a rgb(215,248,90)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#bdf85a
```
#bdf85a rgb(189,248,90)
```
#b0f85a
```
#b0f85a rgb(176,248,90)
```
#a3f85a
```
#a3f85a rgb(163,248,90)
```

Similar Colors

Text with hexadecimal color #caf85a

This text has a font color of #caf85a.

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

#caf85a background color

This paragraph has a background color of #caf85a.

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

#caf85a border color

This element has a border color of #caf85a.

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

CSS codes

.text {color:#caf85a;}

.background {background-color:#caf85a;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#111701
```
#111701 rgb(17,23,1)
```
#1e2a02
```
#1e2a02 rgb(30,42,2)
```
#2c3d03
```
#2c3d03 rgb(44,61,3)
```
#395003
```
#395003 rgb(57,80,3)
```
#476204
```
#476204 rgb(71,98,4)
```
#557505
```
#557505 rgb(85,117,5)
```
#628806
```
#628806 rgb(98,136,6)
```
#709b07
```
#709b07 rgb(112,155,7)
```
#7dae07
```
#7dae07 rgb(125,174,7)
```
#8bc108
```
#8bc108 rgb(139,193,8)
```
#98d309
```
#98d309 rgb(152,211,9)
```
#a6e60a
```
#a6e60a rgb(166,230,10)
```

Shade Color Variation

#b2f50f
```
#b2f50f rgb(178,245,15)
```
#b8f622
```
#b8f622 rgb(184,246,34)
```
#bef634
```
#bef634 rgb(190,246,52)
```
#c4f747
```
#c4f747 rgb(196,247,71)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#d0f96d
```
#d0f96d rgb(208,249,109)
```
#d6fa80
```
#d6fa80 rgb(214,250,128)
```
#dcfa92
```
#dcfa92 rgb(220,250,146)
```
#e2fba5
```
#e2fba5 rgb(226,251,165)
```
#e8fcb8
```
#e8fcb8 rgb(232,252,184)
```
#eefdcb
```
#eefdcb rgb(238,253,203)
```
#f4fede
```
#f4fede rgb(244,254,222)
```
#fafef1
```
#fafef1 rgb(250,254,241)
```

Tint Color Variation

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

#acafa3
```
#acafa3 rgb(172,175,163)
```
#aeb69c
```
#aeb69c rgb(174,182,156)
```
#b1bc96
```
#b1bc96 rgb(177,188,150)
```
#b4c38f
```
#b4c38f rgb(180,195,143)
```
#b7ca88
```
#b7ca88 rgb(183,202,136)
```
#b9d082
```
#b9d082 rgb(185,208,130)
```
#bcd77b
```
#bcd77b rgb(188,215,123)
```
#bfde74
```
#bfde74 rgb(191,222,116)
```
#c2e46e
```
#c2e46e rgb(194,228,110)
```
#c4eb67
```
#c4eb67 rgb(196,235,103)
```
#c7f161
```
#c7f161 rgb(199,241,97)
```
#caf85a
```
#caf85a rgb(202,248,90)
```
#cdff53
```
#cdff53 rgb(205,255,83)
```

Tone Color Variation

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

Dichromacy

#ffe983 Protanopia 1% of men
#ffe4c6 Deuteranopia 1% of men
#e0e9fa Tritanopia 0.001% of the population

Trichromacy

#ebee74 Protanomaly 1% of men, 0.01% of women
#ebeb9e Deuteranomaly 6% of men, 0.4% of women
#d8eebf Tritanomaly 0.01% of the population

#caf85a hex color

#caf85a Color Information

#caf85a Color Conversion

Color Schemes with #caf85a

Alternatives to #caf85a

#caf85a Preview

Shades and Tints of #caf85a

Tones of #caf85a

Color Blindness Simulator