#caf7ba hex color

In a RGB color space, hex #caf7ba is composed of 79.2% red, 96.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 24.7% yellow and 3.1% black. It has a hue angle of 104.3 degrees, a saturation of 79.2% and a lightness of 84.9%. #caf7ba color hex could be obtained by blending #ffffff with #95ef75. Closest websafe color is: #ccffcc.

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

● #caf7ba color description : Very soft green.

The hexadecimal color #caf7ba has RGB values of R:202, G:247, B:186 and CMYK values of C:0.18, M:0, Y:0.25, K:0.03. Its decimal value is 13301690.

Hex triplet	caf7ba	`#caf7ba`
RGB Decimal	202, 247, 186	`rgb(202,247,186)`
RGB Percent	79.2, 96.9, 72.9	`rgb(79.2%,96.9%,72.9%)`
CMYK	18, 0, 25, 3
HSL	104.3°, 79.2, 84.9	`hsl(104.3,79.2%,84.9%)`
HSV (or HSB)	104.3°, 24.7, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.849, -25.344, 24.713
XYZ	66.479, 82.622, 58.897
xyY	0.32, 0.397, 82.622
CIE-LCH	92.849, 35.399, 135.723
CIE-LUV	92.849, -22.295, 40.131
Hunter-Lab	90.897, -28.521, 25.21
Binary	11001010, 11110111, 10111010

#caf7ba
```
#caf7ba rgb(202,247,186)
```
#e7baf7
```
#e7baf7 rgb(231,186,247)
```

Complementary Color

#e9f7ba
```
#e9f7ba rgb(233,247,186)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#baf7c9
```
#baf7c9 rgb(186,247,201)
```

Analogous Color

#f7bae9
```
#f7bae9 rgb(247,186,233)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#c9baf7
```
#c9baf7 rgb(201,186,247)
```

Split Complementary Color

#f7baca
```
#f7baca rgb(247,186,202)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#bacaf7
```
#bacaf7 rgb(186,202,247)
```

Triadic Color

#f7e7ba
```
#f7e7ba rgb(247,231,186)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#bacaf7
```
#bacaf7 rgb(186,202,247)
```
#e7baf7
```
#e7baf7 rgb(231,186,247)
```

Tetradic Color

#95ef75
```
#95ef75 rgb(149,239,117)
```
#a7f28c
```
#a7f28c rgb(167,242,140)
```
#b8f4a3
```
#b8f4a3 rgb(184,244,163)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#dcfad1
```
#dcfad1 rgb(220,250,209)
```
#edfce8
```
#edfce8 rgb(237,252,232)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d9f7ba
```
#d9f7ba rgb(217,247,186)
```
#d4f7ba
```
#d4f7ba rgb(212,247,186)
```
#cff7ba
```
#cff7ba rgb(207,247,186)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#c5f7ba
```
#c5f7ba rgb(197,247,186)
```
#c0f7ba
```
#c0f7ba rgb(192,247,186)
```
#bbf7ba
```
#bbf7ba rgb(187,247,186)
```

Similar Colors

Text with hexadecimal color #caf7ba

This text has a font color of #caf7ba.

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

#caf7ba background color

This paragraph has a background color of #caf7ba.

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

#caf7ba border color

This element has a border color of #caf7ba.

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

CSS codes

.text {color:#caf7ba;}

.background {background-color:#caf7ba;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#071302
```
#071302 rgb(7,19,2)
```
#0d2404
```
#0d2404 rgb(13,36,4)
```
#133606
```
#133606 rgb(19,54,6)
```
#194808
```
#194808 rgb(25,72,8)
```
#1f590a
```
#1f590a rgb(31,89,10)
```
#256b0c
```
#256b0c rgb(37,107,12)
```
#2b7c0e
```
#2b7c0e rgb(43,124,14)
```
#318e10
```
#318e10 rgb(49,142,16)
```
#37a012
```
#37a012 rgb(55,160,18)
```
#3eb115
```
#3eb115 rgb(62,177,21)
```
#44c317
```
#44c317 rgb(68,195,23)
```
#4ad419
```
#4ad419 rgb(74,212,25)
```

Shade Color Variation

#50e51c
```
#50e51c rgb(80,229,28)
```
#5ee72d
```
#5ee72d rgb(94,231,45)
```
#6be93f
```
#6be93f rgb(107,233,63)
```
#79eb51
```
#79eb51 rgb(121,235,81)
```
#86ed62
```
#86ed62 rgb(134,237,98)
```
#94ef74
```
#94ef74 rgb(148,239,116)
```
#a1f185
```
#a1f185 rgb(161,241,133)
```
#aff397
```
#aff397 rgb(175,243,151)
```
#bcf5a8
```
#bcf5a8 rgb(188,245,168)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#d8f9cc
```
#d8f9cc rgb(216,249,204)
```
#e5fbdd
```
#e5fbdd rgb(229,251,221)
```
#f3fdef
```
#f3fdef rgb(243,253,239)
```

Tint Color Variation

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

#d8d9d8
```
#d8d9d8 rgb(216,217,216)
```
#d7dcd5
```
#d7dcd5 rgb(215,220,213)
```
#d5dfd2
```
#d5dfd2 rgb(213,223,210)
```
#d4e2cf
```
#d4e2cf rgb(212,226,207)
```
#d2e5cc
```
#d2e5cc rgb(210,229,204)
```
#d1e8c9
```
#d1e8c9 rgb(209,232,201)
```
#d0ebc6
```
#d0ebc6 rgb(208,235,198)
```
#ceeec3
```
#ceeec3 rgb(206,238,195)
```
#cdf1c0
```
#cdf1c0 rgb(205,241,192)
```
#cbf4bd
```
#cbf4bd rgb(203,244,189)
```
#caf7ba
```
#caf7ba rgb(202,247,186)
```
#c9fab7
```
#c9fab7 rgb(201,250,183)
```
#c7fdb4
```
#c7fdb4 rgb(199,253,180)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dee7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#faebb8 Protanopia 1% of men
#ffe7d8 Deuteranopia 1% of men
#d9eeff Tritanopia 0.001% of the population

Trichromacy

#e9efb8 Protanomaly 1% of men, 0.01% of women
#ebeccd Deuteranomaly 6% of men, 0.4% of women
#d4f1e5 Tritanomaly 0.01% of the population

#caf7ba hex color

#caf7ba Color Information

#caf7ba Color Conversion

Color Schemes with #caf7ba

Alternatives to #caf7ba

#caf7ba Preview

Shades and Tints of #caf7ba

Tones of #caf7ba

Color Blindness Simulator