#caf8bc hex color

In a RGB color space, hex #caf8bc is composed of 79.2% red, 97.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 24.2% yellow and 2.7% black. It has a hue angle of 106 degrees, a saturation of 81.1% and a lightness of 85.5%. #caf8bc color hex could be obtained by blending #ffffff with #95f179. Closest websafe color is: #ccffcc.

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

● #caf8bc color description : Very soft lime green.

The hexadecimal color #caf8bc has RGB values of R:202, G:248, B:188 and CMYK values of C:0.19, M:0, Y:0.24, K:0.03. Its decimal value is 13301948.

Hex triplet	caf8bc	`#caf8bc`
RGB Decimal	202, 248, 188	`rgb(202,248,188)`
RGB Percent	79.2, 97.3, 73.7	`rgb(79.2%,97.3%,73.7%)`
CMYK	19, 0, 24, 3
HSL	106°, 81.1, 85.5	`hsl(106,81.1%,85.5%)`
HSV (or HSB)	106°, 24.2, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.155, -25.508, 24.114
XYZ	66.999, 83.321, 60.127
xyY	0.318, 0.396, 83.321
CIE-LCH	93.155, 35.102, 136.609
CIE-LUV	93.155, -22.816, 39.39
Hunter-Lab	91.28, -28.722, 24.842
Binary	11001010, 11111000, 10111100

#caf8bc
```
#caf8bc rgb(202,248,188)
```
#eabcf8
```
#eabcf8 rgb(234,188,248)
```

Complementary Color

#e8f8bc
```
#e8f8bc rgb(232,248,188)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#bcf8cc
```
#bcf8cc rgb(188,248,204)
```

Analogous Color

#f8bce8
```
#f8bce8 rgb(248,188,232)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#ccbcf8
```
#ccbcf8 rgb(204,188,248)
```

Split Complementary Color

#f8bcca
```
#f8bcca rgb(248,188,202)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#bccaf8
```
#bccaf8 rgb(188,202,248)
```

Triadic Color

#f8eabc
```
#f8eabc rgb(248,234,188)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#bccaf8
```
#bccaf8 rgb(188,202,248)
```
#eabcf8
```
#eabcf8 rgb(234,188,248)
```

Tetradic Color

#93f177
```
#93f177 rgb(147,241,119)
```
#a5f38e
```
#a5f38e rgb(165,243,142)
```
#b8f6a5
```
#b8f6a5 rgb(184,246,165)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#dcfad3
```
#dcfad3 rgb(220,250,211)
```
#effdea
```
#effdea rgb(239,253,234)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d9f8bc
```
#d9f8bc rgb(217,248,188)
```
#d4f8bc
```
#d4f8bc rgb(212,248,188)
```
#cff8bc
```
#cff8bc rgb(207,248,188)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#c5f8bc
```
#c5f8bc rgb(197,248,188)
```
#c0f8bc
```
#c0f8bc rgb(192,248,188)
```
#bcf8bd
```
#bcf8bd rgb(188,248,189)
```

Similar Colors

Text with hexadecimal color #caf8bc

This text has a font color of #caf8bc.

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

#caf8bc background color

This paragraph has a background color of #caf8bc.

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

#caf8bc border color

This element has a border color of #caf8bc.

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

CSS codes

.text {color:#caf8bc;}

.background {background-color:#caf8bc;}

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

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

#010400
```
#010400 rgb(1,4,0)
```
#071602
```
#071602 rgb(7,22,2)
```
#0c2804
```
#0c2804 rgb(12,40,4)
```
#123906
```
#123906 rgb(18,57,6)
```
#184b08
```
#184b08 rgb(24,75,8)
```
#1d5d0a
```
#1d5d0a rgb(29,93,10)
```
#236f0c
```
#236f0c rgb(35,111,12)
```
#28800d
```
#28800d rgb(40,128,13)
```
#2e920f
```
#2e920f rgb(46,146,15)
```
#33a411
```
#33a411 rgb(51,164,17)
```
#39b613
```
#39b613 rgb(57,182,19)
```
#3ec715
```
#3ec715 rgb(62,199,21)
```
#44d917
```
#44d917 rgb(68,217,23)
```

Shade Color Variation

#4ce71c
```
#4ce71c rgb(76,231,28)
```
#5ae92e
```
#5ae92e rgb(90,233,46)
```
#68eb40
```
#68eb40 rgb(104,235,64)
```
#76ed51
```
#76ed51 rgb(118,237,81)
```
#84ef63
```
#84ef63 rgb(132,239,99)
```
#92f175
```
#92f175 rgb(146,241,117)
```
#a0f287
```
#a0f287 rgb(160,242,135)
```
#aef498
```
#aef498 rgb(174,244,152)
```
#bcf6aa
```
#bcf6aa rgb(188,246,170)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#d8face
```
#d8face rgb(216,250,206)
```
#e6fce0
```
#e6fce0 rgb(230,252,224)
```
#f4fef1
```
#f4fef1 rgb(244,254,241)
```

Tint Color Variation

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

#d9dcd8
```
#d9dcd8 rgb(217,220,216)
```
#d8ded6
```
#d8ded6 rgb(216,222,214)
```
#d6e1d3
```
#d6e1d3 rgb(214,225,211)
```
#d5e4d0
```
#d5e4d0 rgb(213,228,208)
```
#d3e7cd
```
#d3e7cd rgb(211,231,205)
```
#d2eaca
```
#d2eaca rgb(210,234,202)
```
#d0edc7
```
#d0edc7 rgb(208,237,199)
```
#cfefc5
```
#cfefc5 rgb(207,239,197)
```
#cdf2c2
```
#cdf2c2 rgb(205,242,194)
```
#ccf5bf
```
#ccf5bf rgb(204,245,191)
```
#caf8bc
```
#caf8bc rgb(202,248,188)
```
#c8fbb9
```
#c8fbb9 rgb(200,251,185)
```
#c7feb6
```
#c7feb6 rgb(199,254,182)
```

Tone Color Variation

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

#fbebba Protanopia 1% of men
#ffe8da Deuteranopia 1% of men
#dbefff Tritanopia 0.001% of the population

Trichromacy

#e9f0ba Protanomaly 1% of men, 0.01% of women
#ebedcf Deuteranomaly 6% of men, 0.4% of women
#d4f2e6 Tritanomaly 0.01% of the population

#caf8bc hex color

#caf8bc Color Information

#caf8bc Color Conversion

Color Schemes with #caf8bc

Alternatives to #caf8bc

#caf8bc Preview

Shades and Tints of #caf8bc

Tones of #caf8bc

Color Blindness Simulator