colorhexa.com

#caf84c hex color

In a RGB color space, hex #caf84c is composed of 79.2% red, 97.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 69.4% yellow and 2.7% black. It has a hue angle of 76 degrees, a saturation of 92.5% and a lightness of 63.5%. #caf84c color hex could be obtained by blending #ffff98 with #95f100. Closest websafe color is: #ccff33.

- R 79
- G 97
- B 30
RGB color chart
- C 19
- M 0
- Y 69
- K 3
CMYK color chart

● #caf84c color description : Soft green.

The hexadecimal color #caf84c has RGB values of R:202, G:248, B:76 and CMYK values of C:0.19, M:0, Y:0.69, K:0.03. Its decimal value is 13301836.

Hex triplet	caf84c	`#caf84c`
RGB Decimal	202, 248, 76	`rgb(202,248,76)`
RGB Percent	79.2, 97.3, 29.8	`rgb(79.2%,97.3%,29.8%)`
CMYK	19, 0, 69, 3
HSL	76°, 92.5, 63.5	`hsl(76,92.5%,63.5%)`
HSV (or HSB)	76°, 69.4, 97.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.78, -37.498, 73.676
XYZ	59.228, 80.212, 19.199
xyY	0.373, 0.506, 80.212
CIE-LCH	91.78, 82.67, 116.974
CIE-LUV	91.78, -21.909, 93.735
Hunter-Lab	89.561, -38.688, 49.983
Binary	11001010, 11111000, 01001100

#caf84c
```
#caf84c rgb(202,248,76)
```
#7a4cf8
```
#7a4cf8 rgb(122,76,248)
```

Complementary Color

#f8d04c
```
#f8d04c rgb(248,208,76)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#74f84c
```
#74f84c rgb(116,248,76)
```

Analogous Color

#d04cf8
```
#d04cf8 rgb(208,76,248)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#4c74f8
```
#4c74f8 rgb(76,116,248)
```

Split Complementary Color

#f84cca
```
#f84cca rgb(248,76,202)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#4ccaf8
```
#4ccaf8 rgb(76,202,248)
```

Triadic Color

#f87a4c
```
#f87a4c rgb(248,122,76)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#4ccaf8
```
#4ccaf8 rgb(76,202,248)
```
#7a4cf8
```
#7a4cf8 rgb(122,76,248)
```

Tetradic Color

#b1ee09
```
#b1ee09 rgb(177,238,9)
```
#bbf61b
```
#bbf61b rgb(187,246,27)
```
#c3f733
```
#c3f733 rgb(195,247,51)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#d1f965
```
#d1f965 rgb(209,249,101)
```
#d9fa7d
```
#d9fa7d rgb(217,250,125)
```
#e0fb96
```
#e0fb96 rgb(224,251,150)
```

Monochromatic Color

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

#f5f84c
```
#f5f84c rgb(245,248,76)
```
#e7f84c
```
#e7f84c rgb(231,248,76)
```
#d8f84c
```
#d8f84c rgb(216,248,76)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#bcf84c
```
#bcf84c rgb(188,248,76)
```
#adf84c
```
#adf84c rgb(173,248,76)
```
#9ff84c
```
#9ff84c rgb(159,248,76)
```

Similar Colors

Text with hexadecimal color #caf84c

This text has a font color of #caf84c.

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

#caf84c background color

This paragraph has a background color of #caf84c.

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

#caf84c border color

This element has a border color of #caf84c.

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

CSS codes

.text {color:#caf84c;}

.background {background-color:#caf84c;}

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

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, #070a00 is the darkest color, while #fcfff6 is the lightest one.

#070a00
```
#070a00 rgb(7,10,0)
```
#151d01
```
#151d01 rgb(21,29,1)
```
#233002
```
#233002 rgb(35,48,2)
```
#314203
```
#314203 rgb(49,66,3)
```
#3f5503
```
#3f5503 rgb(63,85,3)
```
#4d6804
```
#4d6804 rgb(77,104,4)
```
#5b7b05
```
#5b7b05 rgb(91,123,5)
```
#698e06
```
#698e06 rgb(105,142,6)
```
#77a106
```
#77a106 rgb(119,161,6)
```
#85b407
```
#85b407 rgb(133,180,7)
```
#94c708
```
#94c708 rgb(148,199,8)
```
#a2d909
```
#a2d909 rgb(162,217,9)
```
#b0ec09
```
#b0ec09 rgb(176,236,9)
```

Shade Color Variation

#b9f613
```
#b9f613 rgb(185,246,19)
```
#bff726
```
#bff726 rgb(191,247,38)
```
#c4f739
```
#c4f739 rgb(196,247,57)
```
#caf84c
```
#caf84c rgb(202,248,76)
```
#d0f95f
```
#d0f95f rgb(208,249,95)
```
#d5f972
```
#d5f972 rgb(213,249,114)
```
#dbfa85
```
#dbfa85 rgb(219,250,133)
```
#e0fb98
```
#e0fb98 rgb(224,251,152)
```
#e6fcaa
```
#e6fcaa rgb(230,252,170)
```
#ecfcbd
```
#ecfcbd rgb(236,252,189)
```
#f1fdd0
```
#f1fdd0 rgb(241,253,208)
```
#f7fee3
```
#f7fee3 rgb(247,254,227)
```
#fcfff6
```
#fcfff6 rgb(252,255,246)
```

Tint Color Variation

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

#a2a2a2
```
#a2a2a2 rgb(162,162,162)
```
#a5a99b
```
#a5a99b rgb(165,169,155)
```
#a9b094
```
#a9b094 rgb(169,176,148)
```
#acb88c
```
#acb88c rgb(172,184,140)
```
#afbf85
```
#afbf85 rgb(175,191,133)
```
#b3c67e
```
#b3c67e rgb(179,198,126)
```
#b6cd77
```
#b6cd77 rgb(182,205,119)
```
#b9d470
```
#b9d470 rgb(185,212,112)
```
#bddb69
```
#bddb69 rgb(189,219,105)
```
#c0e361
```
#c0e361 rgb(192,227,97)
```
#c3ea5a
```
#c3ea5a rgb(195,234,90)
```
#c7f153
```
#c7f153 rgb(199,241,83)
```
#caf84c
```
#caf84c rgb(202,248,76)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d4debb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe87f Protanopia 1% of men
#ffe4c4 Deuteranopia 1% of men
#e1e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee6d Protanomaly 1% of men, 0.01% of women
#ebeb98 Deuteranomaly 6% of men, 0.4% of women
#d8eeba Tritanomaly 0.01% of the population