#caf6bf hex color

In a RGB color space, hex #caf6bf is composed of 79.2% red, 96.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 0% magenta, 22.4% yellow and 3.5% black. It has a hue angle of 108 degrees, a saturation of 75.3% and a lightness of 85.7%. #caf6bf color hex could be obtained by blending #ffffff with #95ed7f. Closest websafe color is: #ccffcc.

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

● #caf6bf color description : Very soft lime green.

The hexadecimal color #caf6bf has RGB values of R:202, G:246, B:191 and CMYK values of C:0.18, M:0, Y:0.22, K:0.04. Its decimal value is 13301439.

Hex triplet	caf6bf	`#caf6bf`
RGB Decimal	202, 246, 191	`rgb(202,246,191)`
RGB Percent	79.2, 96.5, 74.9	`rgb(79.2%,96.5%,74.9%)`
CMYK	18, 0, 22, 4
HSL	108°, 75.3, 85.7	`hsl(108,75.3%,85.7%)`
HSV (or HSB)	108°, 22.4, 96.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.676, -24.074, 21.919
XYZ	66.714, 82.228, 61.644
xyY	0.317, 0.39, 82.228
CIE-LCH	92.676, 32.557, 137.682
CIE-LUV	92.676, -21.862, 36.135
Hunter-Lab	90.68, -27.365, 23.171
Binary	11001010, 11110110, 10111111

#caf6bf
```
#caf6bf rgb(202,246,191)
```
#ebbff6
```
#ebbff6 rgb(235,191,246)
```

Complementary Color

#e6f6bf
```
#e6f6bf rgb(230,246,191)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#bff6d0
```
#bff6d0 rgb(191,246,208)
```

Analogous Color

#f6bfe6
```
#f6bfe6 rgb(246,191,230)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#d0bff6
```
#d0bff6 rgb(208,191,246)
```

Split Complementary Color

#f6bfca
```
#f6bfca rgb(246,191,202)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#bfcaf6
```
#bfcaf6 rgb(191,202,246)
```

Triadic Color

#f6ebbf
```
#f6ebbf rgb(246,235,191)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#bfcaf6
```
#bfcaf6 rgb(191,202,246)
```
#ebbff6
```
#ebbff6 rgb(235,191,246)
```

Tetradic Color

#92ed7c
```
#92ed7c rgb(146,237,124)
```
#a5f092
```
#a5f092 rgb(165,240,146)
```
#b7f3a9
```
#b7f3a9 rgb(183,243,169)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#ddf9d5
```
#ddf9d5 rgb(221,249,213)
```
#effcec
```
#effcec rgb(239,252,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d8f6bf
```
#d8f6bf rgb(216,246,191)
```
#d3f6bf
```
#d3f6bf rgb(211,246,191)
```
#cff6bf
```
#cff6bf rgb(207,246,191)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#c5f6bf
```
#c5f6bf rgb(197,246,191)
```
#c1f6bf
```
#c1f6bf rgb(193,246,191)
```
#bff6c2
```
#bff6c2 rgb(191,246,194)
```

Similar Colors

Text with hexadecimal color #caf6bf

This text has a font color of #caf6bf.

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

#caf6bf background color

This paragraph has a background color of #caf6bf.

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

#caf6bf border color

This element has a border color of #caf6bf.

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

CSS codes

.text {color:#caf6bf;}

.background {background-color:#caf6bf;}

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

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

#010501
```
#010501 rgb(1,5,1)
```
#071603
```
#071603 rgb(7,22,3)
```
#0c2706
```
#0c2706 rgb(12,39,6)
```
#123808
```
#123808 rgb(18,56,8)
```
#174a0a
```
#174a0a rgb(23,74,10)
```
#1c5b0d
```
#1c5b0d rgb(28,91,13)
```
#226c0f
```
#226c0f rgb(34,108,15)
```
#277d12
```
#277d12 rgb(39,125,18)
```
#2c8e14
```
#2c8e14 rgb(44,142,20)
```
#32a016
```
#32a016 rgb(50,160,22)
```
#37b119
```
#37b119 rgb(55,177,25)
```
#3dc21b
```
#3dc21b rgb(61,194,27)
```
#42d31e
```
#42d31e rgb(66,211,30)
```

Shade Color Variation

#4ae024
```
#4ae024 rgb(74,224,36)
```
#58e335
```
#58e335 rgb(88,227,53)
```
#66e547
```
#66e547 rgb(102,229,71)
```
#75e758
```
#75e758 rgb(117,231,88)
```
#83ea69
```
#83ea69 rgb(131,234,105)
```
#91ec7a
```
#91ec7a rgb(145,236,122)
```
#9fef8b
```
#9fef8b rgb(159,239,139)
```
#aef19d
```
#aef19d rgb(174,241,157)
```
#bcf4ae
```
#bcf4ae rgb(188,244,174)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#d8f8d0
```
#d8f8d0 rgb(216,248,208)
```
#e6fbe1
```
#e6fbe1 rgb(230,251,225)
```
#f5fdf3
```
#f5fdf3 rgb(245,253,243)
```

Tint Color Variation

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

#d9ddd8
```
#d9ddd8 rgb(217,221,216)
```
#d7e0d5
```
#d7e0d5 rgb(215,224,213)
```
#d6e2d3
```
#d6e2d3 rgb(214,226,211)
```
#d4e5d0
```
#d4e5d0 rgb(212,229,208)
```
#d2e8cd
```
#d2e8cd rgb(210,232,205)
```
#d1ebca
```
#d1ebca rgb(209,235,202)
```
#cfeec7
```
#cfeec7 rgb(207,238,199)
```
#cdf0c5
```
#cdf0c5 rgb(205,240,197)
```
#ccf3c2
```
#ccf3c2 rgb(204,243,194)
```
#caf6bf
```
#caf6bf rgb(202,246,191)
```
#c8f9bc
```
#c8f9bc rgb(200,249,188)
```
#c7fcb9
```
#c7fcb9 rgb(199,252,185)
```
#c5feb7
```
#c5feb7 rgb(197,254,183)
```

Tone Color Variation

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

Dichromacy

#f9eabd Protanopia 1% of men
#ffe6d8 Deuteranopia 1% of men
#d8eeff Tritanopia 0.001% of the population

Trichromacy

#e8eebd Protanomaly 1% of men, 0.01% of women
#ebeccf Deuteranomaly 6% of men, 0.4% of women
#d3f0e7 Tritanomaly 0.01% of the population

#caf6bf hex color

#caf6bf Color Information

#caf6bf Color Conversion

Color Schemes with #caf6bf

Alternatives to #caf6bf

#caf6bf Preview

Shades and Tints of #caf6bf

Tones of #caf6bf

Color Blindness Simulator