#caf756 hex color

In a RGB color space, hex #caf756 is composed of 79.2% red, 96.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 65.2% yellow and 3.1% black. It has a hue angle of 76.8 degrees, a saturation of 91% and a lightness of 65.3%. #caf756 color hex could be obtained by blending #ffffac with #95ef00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 97
- B 34
RGB color chart
- C 18
- M 0
- Y 65
- K 3
CMYK color chart

● #caf756 color description : Soft green.

The hexadecimal color #caf756 has RGB values of R:202, G:247, B:86 and CMYK values of C:0.18, M:0, Y:0.65, K:0.03. Its decimal value is 13301590.

Hex triplet	caf756	`#caf756`
RGB Decimal	202, 247, 86	`rgb(202,247,86)`
RGB Percent	79.2, 96.9, 33.7	`rgb(79.2%,96.9%,33.7%)`
CMYK	18, 0, 65, 3
HSL	76.8°, 91, 65.3	`hsl(76.8,91%,65.3%)`
HSV (or HSB)	76.8°, 65.2, 96.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.572, -36.438, 69.782
XYZ	59.297, 79.749, 21.073
xyY	0.37, 0.498, 79.749
CIE-LCH	91.572, 78.723, 117.572
CIE-LUV	91.572, -21.408, 90.381
Hunter-Lab	89.302, -37.755, 48.521
Binary	11001010, 11110111, 01010110

#caf756
```
#caf756 rgb(202,247,86)
```
#8356f7
```
#8356f7 rgb(131,86,247)
```

Complementary Color

#f7d456
```
#f7d456 rgb(247,212,86)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#7af756
```
#7af756 rgb(122,247,86)
```

Analogous Color

#d456f7
```
#d456f7 rgb(212,86,247)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#567af7
```
#567af7 rgb(86,122,247)
```

Split Complementary Color

#f756ca
```
#f756ca rgb(247,86,202)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#56caf7
```
#56caf7 rgb(86,202,247)
```

Triadic Color

#f78356
```
#f78356 rgb(247,131,86)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#56caf7
```
#56caf7 rgb(86,202,247)
```
#8356f7
```
#8356f7 rgb(131,86,247)
```

Tetradic Color

#b3f40d
```
#b3f40d rgb(179,244,13)
```
#bbf525
```
#bbf525 rgb(187,245,37)
```
#c2f63e
```
#c2f63e rgb(194,246,62)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#d2f86e
```
#d2f86e rgb(210,248,110)
```
#d9f987
```
#d9f987 rgb(217,249,135)
```
#e1fa9f
```
#e1fa9f rgb(225,250,159)
```

Monochromatic Color

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

#f2f756
```
#f2f756 rgb(242,247,86)
```
#e5f756
```
#e5f756 rgb(229,247,86)
```
#d7f756
```
#d7f756 rgb(215,247,86)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#bdf756
```
#bdf756 rgb(189,247,86)
```
#aff756
```
#aff756 rgb(175,247,86)
```
#a2f756
```
#a2f756 rgb(162,247,86)
```

Similar Colors

Text with hexadecimal color #caf756

This text has a font color of #caf756.

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

#caf756 background color

This paragraph has a background color of #caf756.

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

#caf756 border color

This element has a border color of #caf756.

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

CSS codes

.text {color:#caf756;}

.background {background-color:#caf756;}

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

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

#0d1201
```
#0d1201 rgb(13,18,1)
```
#1b2502
```
#1b2502 rgb(27,37,2)
```
#293803
```
#293803 rgb(41,56,3)
```
#374a04
```
#374a04 rgb(55,74,4)
```
#445d04
```
#445d04 rgb(68,93,4)
```
#527005
```
#527005 rgb(82,112,5)
```
#608306
```
#608306 rgb(96,131,6)
```
#6e9507
```
#6e9507 rgb(110,149,7)
```
#7ba808
```
#7ba808 rgb(123,168,8)
```
#89bb09
```
#89bb09 rgb(137,187,9)
```
#97ce0a
```
#97ce0a rgb(151,206,10)
```
#a5e00b
```
#a5e00b rgb(165,224,11)
```
#b2f30c
```
#b2f30c rgb(178,243,12)
```

Shade Color Variation

#b8f41e
```
#b8f41e rgb(184,244,30)
```
#bef531
```
#bef531 rgb(190,245,49)
```
#c4f643
```
#c4f643 rgb(196,246,67)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#d0f869
```
#d0f869 rgb(208,248,105)
```
#d6f97b
```
#d6f97b rgb(214,249,123)
```
#dcfa8e
```
#dcfa8e rgb(220,250,142)
```
#e1fba1
```
#e1fba1 rgb(225,251,161)
```
#e7fbb4
```
#e7fbb4 rgb(231,251,180)
```
#edfcc6
```
#edfcc6 rgb(237,252,198)
```
#f3fdd9
```
#f3fdd9 rgb(243,253,217)
```
#f9feec
```
#f9feec rgb(249,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a9aca1
```
#a9aca1 rgb(169,172,161)
```
#acb39a
```
#acb39a rgb(172,179,154)
```
#afba93
```
#afba93 rgb(175,186,147)
```
#b2c18c
```
#b2c18c rgb(178,193,140)
```
#b5c786
```
#b5c786 rgb(181,199,134)
```
#b8ce7f
```
#b8ce7f rgb(184,206,127)
```
#bbd578
```
#bbd578 rgb(187,213,120)
```
#bedc71
```
#bedc71 rgb(190,220,113)
```
#c1e36a
```
#c1e36a rgb(193,227,106)
```
#c4e964
```
#c4e964 rgb(196,233,100)
```
#c7f05d
```
#c7f05d rgb(199,240,93)
```
#caf756
```
#caf756 rgb(202,247,86)
```
#cdfe4f
```
#cdfe4f rgb(205,254,79)
```

Tone Color Variation

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

Dichromacy

#ffe87b Protanopia 1% of men
#ffe3c3 Deuteranopia 1% of men
#e0e8f8 Tritanopia 0.001% of the population

Trichromacy

#ebed6d Protanomaly 1% of men, 0.01% of women
#ebea9b Deuteranomaly 6% of men, 0.4% of women
#d8edbd Tritanomaly 0.01% of the population

#caf756 hex color

#caf756 Color Information

#caf756 Color Conversion

Color Schemes with #caf756

Alternatives to #caf756

#caf756 Preview

Shades and Tints of #caf756

Tones of #caf756

Color Blindness Simulator