#caffb4 hex color

In a RGB color space, hex #caffb4 is composed of 79.2% red, 100% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 29.4% yellow and 0% black. It has a hue angle of 102.4 degrees, a saturation of 100% and a lightness of 85.3%. #caffb4 color hex could be obtained by blending #ffffff with #95ff69. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 79
- G 100
- B 71
RGB color chart
- C 21
- M 0
- Y 29
- K 0
CMYK color chart

● #caffb4 color description : Pale green.

The hexadecimal color #caffb4 has RGB values of R:202, G:255, B:180 and CMYK values of C:0.21, M:0, Y:0.29, K:0. Its decimal value is 13303732.

Hex triplet	caffb4	`#caffb4`
RGB Decimal	202, 255, 180	`rgb(202,255,180)`
RGB Percent	79.2, 100, 70.6	`rgb(79.2%,100%,70.6%)`
CMYK	21, 0, 29, 0
HSL	102.4°, 100, 85.3	`hsl(102.4,100%,85.3%)`
HSV (or HSB)	102.4°, 29.4, 100
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.895, -30.032, 30.539
XYZ	68.353, 87.37, 56.44
xyY	0.322, 0.412, 87.37
CIE-LCH	94.895, 42.832, 134.521
CIE-LUV	94.895, -26.206, 48.797
Hunter-Lab	93.472, -33.045, 29.63
Binary	11001010, 11111111, 10110100

#caffb4
```
#caffb4 rgb(202,255,180)
```
#e9b4ff
```
#e9b4ff rgb(233,180,255)
```

Complementary Color

#f0ffb4
```
#f0ffb4 rgb(240,255,180)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#b4ffc4
```
#b4ffc4 rgb(180,255,196)
```

Analogous Color

#ffb4f0
```
#ffb4f0 rgb(255,180,240)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#c4b4ff
```
#c4b4ff rgb(196,180,255)
```

Split Complementary Color

#ffb4ca
```
#ffb4ca rgb(255,180,202)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#b4caff
```
#b4caff rgb(180,202,255)
```

Triadic Color

#ffe9b4
```
#ffe9b4 rgb(255,233,180)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#b4caff
```
#b4caff rgb(180,202,255)
```
#e9b4ff
```
#e9b4ff rgb(233,180,255)
```

Tetradic Color

#94ff68
```
#94ff68 rgb(148,255,104)
```
#a6ff81
```
#a6ff81 rgb(166,255,129)
```
#b8ff9b
```
#b8ff9b rgb(184,255,155)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#dcffce
```
#dcffce rgb(220,255,206)
```
#eeffe7
```
#eeffe7 rgb(238,255,231)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ddffb4
```
#ddffb4 rgb(221,255,180)
```
#d7ffb4
```
#d7ffb4 rgb(215,255,180)
```
#d0ffb4
```
#d0ffb4 rgb(208,255,180)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#c4ffb4
```
#c4ffb4 rgb(196,255,180)
```
#beffb4
```
#beffb4 rgb(190,255,180)
```
#b7ffb4
```
#b7ffb4 rgb(183,255,180)
```

Similar Colors

Text with hexadecimal color #caffb4

This text has a font color of #caffb4.

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

#caffb4 background color

This paragraph has a background color of #caffb4.

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

#caffb4 border color

This element has a border color of #caffb4.

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

CSS codes

.text {color:#caffb4;}

.background {background-color:#caffb4;}

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

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 #f4ffef is the lightest one.

#010300
```
#010300 rgb(1,3,0)
```
#071700
```
#071700 rgb(7,23,0)
```
#0d2b00
```
#0d2b00 rgb(13,43,0)
```
#123e00
```
#123e00 rgb(18,62,0)
```
#185200
```
#185200 rgb(24,82,0)
```
#1e6600
```
#1e6600 rgb(30,102,0)
```
#247900
```
#247900 rgb(36,121,0)
```
#298d00
```
#298d00 rgb(41,141,0)
```
#2fa000
```
#2fa000 rgb(47,160,0)
```
#35b400
```
#35b400 rgb(53,180,0)
```
#3bc800
```
#3bc800 rgb(59,200,0)
```
#40db00
```
#40db00 rgb(64,219,0)
```
#46ef00
```
#46ef00 rgb(70,239,0)
```

Shade Color Variation

#4dff03
```
#4dff03 rgb(77,255,3)
```
#5bff17
```
#5bff17 rgb(91,255,23)
```
#69ff2b
```
#69ff2b rgb(105,255,43)
```
#77ff3e
```
#77ff3e rgb(119,255,62)
```
#85ff52
```
#85ff52 rgb(133,255,82)
```
#93ff66
```
#93ff66 rgb(147,255,102)
```
#a0ff79
```
#a0ff79 rgb(160,255,121)
```
#aeff8d
```
#aeff8d rgb(174,255,141)
```
#bcffa0
```
#bcffa0 rgb(188,255,160)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```
#d8ffc8
```
#d8ffc8 rgb(216,255,200)
```
#e6ffdb
```
#e6ffdb rgb(230,255,219)
```
#f4ffef
```
#f4ffef rgb(244,255,239)
```

Tint Color Variation

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

#d8dcd7
```
#d8dcd7 rgb(216,220,215)
```
#d7dfd4
```
#d7dfd4 rgb(215,223,212)
```
#d6e2d1
```
#d6e2d1 rgb(214,226,209)
```
#d5e5ce
```
#d5e5ce rgb(213,229,206)
```
#d4e8cb
```
#d4e8cb rgb(212,232,203)
```
#d2ebc8
```
#d2ebc8 rgb(210,235,200)
```
#d1eec5
```
#d1eec5 rgb(209,238,197)
```
#d0f1c2
```
#d0f1c2 rgb(208,241,194)
```
#cff3c0
```
#cff3c0 rgb(207,243,192)
```
#cef6bd
```
#cef6bd rgb(206,246,189)
```
#ccf9ba
```
#ccf9ba rgb(204,249,186)
```
#cbfcb7
```
#cbfcb7 rgb(203,252,183)
```
#caffb4
```
#caffb4 rgb(202,255,180)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e1ecdd Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0c2 Protanopia 1% of men
#ffeee2 Deuteranopia 1% of men
#e3f3ff Tritanopia 0.001% of the population

Trichromacy

#ebf5bc Protanomaly 1% of men, 0.01% of women
#ebf4d1 Deuteranomaly 6% of men, 0.4% of women
#daf7e3 Tritanomaly 0.01% of the population

#caffb4 hex color

#caffb4 Color Information

#caffb4 Color Conversion

Color Schemes with #caffb4

Alternatives to #caffb4

#caffb4 Preview

Shades and Tints of #caffb4

Tones of #caffb4

Color Blindness Simulator