#caf5bd hex color

In a RGB color space, hex #caf5bd is composed of 79.2% red, 96.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 22.9% yellow and 3.9% black. It has a hue angle of 106.1 degrees, a saturation of 73.7% and a lightness of 85.1%. #caf5bd color hex could be obtained by blending #ffffff with #95eb7b. 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

● #caf5bd color description : Very soft lime green.

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

Hex triplet	caf5bd	`#caf5bd`
RGB Decimal	202, 245, 189	`rgb(202,245,189)`
RGB Percent	79.2, 96.1, 74.1	`rgb(79.2%,96.1%,74.1%)`
CMYK	18, 0, 23, 4
HSL	106.1°, 73.7, 85.1	`hsl(106.1,73.7%,85.1%)`
HSV (or HSB)	106.1°, 22.9, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.369, -23.914, 22.518
XYZ	66.193, 81.534, 60.392
xyY	0.318, 0.392, 81.534
CIE-LCH	92.369, 32.847, 136.721
CIE-LUV	92.369, -21.339, 36.893
Hunter-Lab	90.296, -27.168, 23.553
Binary	11001010, 11110101, 10111101

#caf5bd
```
#caf5bd rgb(202,245,189)
```
#e8bdf5
```
#e8bdf5 rgb(232,189,245)
```

Complementary Color

#e6f5bd
```
#e6f5bd rgb(230,245,189)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#bdf5cc
```
#bdf5cc rgb(189,245,204)
```

Analogous Color

#f5bde6
```
#f5bde6 rgb(245,189,230)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#ccbdf5
```
#ccbdf5 rgb(204,189,245)
```

Split Complementary Color

#f5bdca
```
#f5bdca rgb(245,189,202)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#bdcaf5
```
#bdcaf5 rgb(189,202,245)
```

Triadic Color

#f5e8bd
```
#f5e8bd rgb(245,232,189)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#bdcaf5
```
#bdcaf5 rgb(189,202,245)
```
#e8bdf5
```
#e8bdf5 rgb(232,189,245)
```

Tetradic Color

#95eb7b
```
#95eb7b rgb(149,235,123)
```
#a6ee91
```
#a6ee91 rgb(166,238,145)
```
#b8f2a7
```
#b8f2a7 rgb(184,242,167)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#dcf8d3
```
#dcf8d3 rgb(220,248,211)
```
#eefce9
```
#eefce9 rgb(238,252,233)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d8f5bd
```
#d8f5bd rgb(216,245,189)
```
#d3f5bd
```
#d3f5bd rgb(211,245,189)
```
#cff5bd
```
#cff5bd rgb(207,245,189)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#c5f5bd
```
#c5f5bd rgb(197,245,189)
```
#c1f5bd
```
#c1f5bd rgb(193,245,189)
```
#bdf5be
```
#bdf5be rgb(189,245,190)
```

Similar Colors

Text with hexadecimal color #caf5bd

This text has a font color of #caf5bd.

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

#caf5bd background color

This paragraph has a background color of #caf5bd.

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

#caf5bd border color

This element has a border color of #caf5bd.

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

CSS codes

.text {color:#caf5bd;}

.background {background-color:#caf5bd;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#071303
```
#071303 rgb(7,19,3)
```
#0d2405
```
#0d2405 rgb(13,36,5)
```
#133508
```
#133508 rgb(19,53,8)
```
#18460b
```
#18460b rgb(24,70,11)
```
#1e570d
```
#1e570d rgb(30,87,13)
```
#246810
```
#246810 rgb(36,104,16)
```
#2a7912
```
#2a7912 rgb(42,121,18)
```
#308a15
```
#308a15 rgb(48,138,21)
```
#369b18
```
#369b18 rgb(54,155,24)
```
#3cac1a
```
#3cac1a rgb(60,172,26)
```
#42be1d
```
#42be1d rgb(66,190,29)
```
#48cf1f
```
#48cf1f rgb(72,207,31)
```

Shade Color Variation

#4fde24
```
#4fde24 rgb(79,222,36)
```
#5de035
```
#5de035 rgb(93,224,53)
```
#6ae346
```
#6ae346 rgb(106,227,70)
```
#78e657
```
#78e657 rgb(120,230,87)
```
#86e868
```
#86e868 rgb(134,232,104)
```
#93eb79
```
#93eb79 rgb(147,235,121)
```
#a1ed8a
```
#a1ed8a rgb(161,237,138)
```
#aff09b
```
#aff09b rgb(175,240,155)
```
#bcf2ac
```
#bcf2ac rgb(188,242,172)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#d8f8ce
```
#d8f8ce rgb(216,248,206)
```
#e5fadf
```
#e5fadf rgb(229,250,223)
```
#f3fdf0
```
#f3fdf0 rgb(243,253,240)
```

Tint Color Variation

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

#d8dbd7
```
#d8dbd7 rgb(216,219,215)
```
#d7ded4
```
#d7ded4 rgb(215,222,212)
```
#d5e1d1
```
#d5e1d1 rgb(213,225,209)
```
#d3e3cf
```
#d3e3cf rgb(211,227,207)
```
#d2e6cc
```
#d2e6cc rgb(210,230,204)
```
#d0e9c9
```
#d0e9c9 rgb(208,233,201)
```
#cfecc6
```
#cfecc6 rgb(207,236,198)
```
#cdefc3
```
#cdefc3 rgb(205,239,195)
```
#ccf2c0
```
#ccf2c0 rgb(204,242,192)
```
#caf5bd
```
#caf5bd rgb(202,245,189)
```
#c8f8ba
```
#c8f8ba rgb(200,248,186)
```
#c7fbb7
```
#c7fbb7 rgb(199,251,183)
```
#c5feb4
```
#c5feb4 rgb(197,254,180)
```

Tone Color Variation

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

#f8e9bb Protanopia 1% of men
#ffe5d6 Deuteranopia 1% of men
#d8edfe Tritanopia 0.001% of the population

Trichromacy

#e7edbb Protanomaly 1% of men, 0.01% of women
#ebebcd Deuteranomaly 6% of men, 0.4% of women
#d3efe6 Tritanomaly 0.01% of the population

#caf5bd hex color

#caf5bd Color Information

#caf5bd Color Conversion

Color Schemes with #caf5bd

Alternatives to #caf5bd

#caf5bd Preview

Shades and Tints of #caf5bd

Tones of #caf5bd

Color Blindness Simulator