#caf6bd hex color

In a RGB color space, hex #caf6bd is composed of 79.2% red, 96.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 0% magenta, 23.2% yellow and 3.5% black. It has a hue angle of 106.3 degrees, a saturation of 76% and a lightness of 85.3%. #caf6bd color hex could be obtained by blending #ffffff with #95ed7b. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 96
- B 74
RGB color chart
- C 18
- M 0
- Y 23
- K 4
CMYK color chart

● #caf6bd color description : Very soft lime green.

The hexadecimal color #caf6bd has RGB values of R:202, G:246, B:189 and CMYK values of C:0.18, M:0, Y:0.23, K:0.04. Its decimal value is 13301437.

Hex triplet	caf6bd	`#caf6bd`
RGB Decimal	202, 246, 189	`rgb(202,246,189)`
RGB Percent	79.2, 96.5, 74.1	`rgb(79.2%,96.5%,74.1%)`
CMYK	18, 0, 23, 4
HSL	106.3°, 76, 85.3	`hsl(106.3,76%,85.3%)`
HSV (or HSB)	106.3°, 23.2, 96.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.637, -24.393, 22.889
XYZ	66.496, 82.141, 60.493
xyY	0.318, 0.393, 82.141
CIE-LCH	92.637, 33.451, 136.822
CIE-LUV	92.637, -21.836, 37.501
Hunter-Lab	90.632, -27.641, 23.869
Binary	11001010, 11110110, 10111101

#caf6bd
```
#caf6bd rgb(202,246,189)
```
#e9bdf6
```
#e9bdf6 rgb(233,189,246)
```

Complementary Color

#e7f6bd
```
#e7f6bd rgb(231,246,189)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#bdf6cd
```
#bdf6cd rgb(189,246,205)
```

Analogous Color

#f6bde7
```
#f6bde7 rgb(246,189,231)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#cdbdf6
```
#cdbdf6 rgb(205,189,246)
```

Split Complementary Color

#f6bdca
```
#f6bdca rgb(246,189,202)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#bdcaf6
```
#bdcaf6 rgb(189,202,246)
```

Triadic Color

#f6e9bd
```
#f6e9bd rgb(246,233,189)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#bdcaf6
```
#bdcaf6 rgb(189,202,246)
```
#e9bdf6
```
#e9bdf6 rgb(233,189,246)
```

Tetradic Color

#94ed7a
```
#94ed7a rgb(148,237,122)
```
#a6f090
```
#a6f090 rgb(166,240,144)
```
#b8f3a7
```
#b8f3a7 rgb(184,243,167)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#dcf9d3
```
#dcf9d3 rgb(220,249,211)
```
#eefcea
```
#eefcea rgb(238,252,234)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d8f6bd
```
#d8f6bd rgb(216,246,189)
```
#d4f6bd
```
#d4f6bd rgb(212,246,189)
```
#cff6bd
```
#cff6bd rgb(207,246,189)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#c5f6bd
```
#c5f6bd rgb(197,246,189)
```
#c1f6bd
```
#c1f6bd rgb(193,246,189)
```
#bdf6be
```
#bdf6be rgb(189,246,190)
```

Similar Colors

Text with hexadecimal color #caf6bd

This text has a font color of #caf6bd.

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

#caf6bd background color

This paragraph has a background color of #caf6bd.

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

#caf6bd border color

This element has a border color of #caf6bd.

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

CSS codes

.text {color:#caf6bd;}

.background {background-color:#caf6bd;}

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

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

#010300
```
#010300 rgb(1,3,0)
```
#071403
```
#071403 rgb(7,20,3)
```
#0d2605
```
#0d2605 rgb(13,38,5)
```
#123707
```
#123707 rgb(18,55,7)
```
#18480a
```
#18480a rgb(24,72,10)
```
#1e590c
```
#1e590c rgb(30,89,12)
```
#246b0f
```
#246b0f rgb(36,107,15)
```
#297c11
```
#297c11 rgb(41,124,17)
```
#2f8d13
```
#2f8d13 rgb(47,141,19)
```
#359e16
```
#359e16 rgb(53,158,22)
```
#3bb018
```
#3bb018 rgb(59,176,24)
```
#40c11a
```
#40c11a rgb(64,193,26)
```
#46d21d
```
#46d21d rgb(70,210,29)
```

Shade Color Variation

#4de122
```
#4de122 rgb(77,225,34)
```
#5be333
```
#5be333 rgb(91,227,51)
```
#69e644
```
#69e644 rgb(105,230,68)
```
#77e855
```
#77e855 rgb(119,232,85)
```
#85ea67
```
#85ea67 rgb(133,234,103)
```
#93ed78
```
#93ed78 rgb(147,237,120)
```
#a0ef89
```
#a0ef89 rgb(160,239,137)
```
#aef19a
```
#aef19a rgb(174,241,154)
```
#bcf4ac
```
#bcf4ac rgb(188,244,172)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#d8f8ce
```
#d8f8ce rgb(216,248,206)
```
#e6fbe0
```
#e6fbe0 rgb(230,251,224)
```
#f4fdf1
```
#f4fdf1 rgb(244,253,241)
```

Tint Color Variation

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

#d8dcd7
```
#d8dcd7 rgb(216,220,215)
```
#d7dfd4
```
#d7dfd4 rgb(215,223,212)
```
#d5e2d1
```
#d5e2d1 rgb(213,226,209)
```
#d3e5ce
```
#d3e5ce rgb(211,229,206)
```
#d2e8cb
```
#d2e8cb rgb(210,232,203)
```
#d0eac9
```
#d0eac9 rgb(208,234,201)
```
#cfedc6
```
#cfedc6 rgb(207,237,198)
```
#cdf0c3
```
#cdf0c3 rgb(205,240,195)
```
#ccf3c0
```
#ccf3c0 rgb(204,243,192)
```
#caf6bd
```
#caf6bd rgb(202,246,189)
```
#c8f9ba
```
#c8f9ba rgb(200,249,186)
```
#c7fcb7
```
#c7fcb7 rgb(199,252,183)
```
#c5ffb4
```
#c5ffb4 rgb(197,255,180)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dde6db Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9eabb Protanopia 1% of men
#ffe6d7 Deuteranopia 1% of men
#d8edfe Tritanopia 0.001% of the population

Trichromacy

#e8eebb Protanomaly 1% of men, 0.01% of women
#ebecce Deuteranomaly 6% of men, 0.4% of women
#d3f0e6 Tritanomaly 0.01% of the population

#caf6bd hex color

#caf6bd Color Information

#caf6bd Color Conversion

Color Schemes with #caf6bd

Alternatives to #caf6bd

#caf6bd Preview

Shades and Tints of #caf6bd

Tones of #caf6bd

Color Blindness Simulator