#caf886 hex color

In a RGB color space, hex #caf886 is composed of 79.2% red, 97.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 46% yellow and 2.7% black. It has a hue angle of 84.2 degrees, a saturation of 89.1% and a lightness of 74.9%. #caf886 color hex could be obtained by blending #ffffff with #95f10d. Closest websafe color is: #ccff99.

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

● #caf886 color description : Soft green.

The hexadecimal color #caf886 has RGB values of R:202, G:248, B:134 and CMYK values of C:0.19, M:0, Y:0.46, K:0.03. Its decimal value is 13301894.

Hex triplet	caf886	`#caf886`
RGB Decimal	202, 248, 134	`rgb(202,248,134)`
RGB Percent	79.2, 97.3, 52.5	`rgb(79.2%,97.3%,52.5%)`
CMYK	19, 0, 46, 3
HSL	84.2°, 89.1, 74.9	`hsl(84.2,89.1%,74.9%)`
HSV (or HSB)	84.2°, 46, 97.3
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.315, -32.715, 49.76
XYZ	62.226, 81.412, 34.989
xyY	0.348, 0.456, 81.412
CIE-LCH	92.315, 59.551, 123.323
CIE-LUV	92.315, -22.275, 71.297
Hunter-Lab	90.228, -34.797, 40.168
Binary	11001010, 11111000, 10000110

#caf886
```
#caf886 rgb(202,248,134)
```
#b486f8
```
#b486f8 rgb(180,134,248)
```

Complementary Color

#f8ed86
```
#f8ed86 rgb(248,237,134)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#91f886
```
#91f886 rgb(145,248,134)
```

Analogous Color

#ed86f8
```
#ed86f8 rgb(237,134,248)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#8691f8
```
#8691f8 rgb(134,145,248)
```

Split Complementary Color

#f886ca
```
#f886ca rgb(248,134,202)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#86caf8
```
#86caf8 rgb(134,202,248)
```

Triadic Color

#f8b486
```
#f8b486 rgb(248,180,134)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#86caf8
```
#86caf8 rgb(134,202,248)
```
#b486f8
```
#b486f8 rgb(180,134,248)
```

Tetradic Color

#aaf43e
```
#aaf43e rgb(170,244,62)
```
#b5f556
```
#b5f556 rgb(181,245,86)
```
#bff76e
```
#bff76e rgb(191,247,110)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#d5f99e
```
#d5f99e rgb(213,249,158)
```
#dffbb6
```
#dffbb6 rgb(223,251,182)
```
#eafcce
```
#eafcce rgb(234,252,206)
```

Monochromatic Color

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

#e7f886
```
#e7f886 rgb(231,248,134)
```
#ddf886
```
#ddf886 rgb(221,248,134)
```
#d4f886
```
#d4f886 rgb(212,248,134)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#c1f886
```
#c1f886 rgb(193,248,134)
```
#b7f886
```
#b7f886 rgb(183,248,134)
```
#aef886
```
#aef886 rgb(174,248,134)
```

Similar Colors

Text with hexadecimal color #caf886

This text has a font color of #caf886.

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

#caf886 background color

This paragraph has a background color of #caf886.

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

#caf886 border color

This element has a border color of #caf886.

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

CSS codes

.text {color:#caf886;}

.background {background-color:#caf886;}

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

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

#050901
```
#050901 rgb(5,9,1)
```
#111b02
```
#111b02 rgb(17,27,2)
```
#1c2e03
```
#1c2e03 rgb(28,46,3)
```
#284004
```
#284004 rgb(40,64,4)
```
#335305
```
#335305 rgb(51,83,5)
```
#3f6606
```
#3f6606 rgb(63,102,6)
```
#4a7807
```
#4a7807 rgb(74,120,7)
```
#568b08
```
#568b08 rgb(86,139,8)
```
#619d09
```
#619d09 rgb(97,157,9)
```
#6db00a
```
#6db00a rgb(109,176,10)
```
#78c20b
```
#78c20b rgb(120,194,11)
```
#84d50c
```
#84d50c rgb(132,213,12)
```
#8fe70d
```
#8fe70d rgb(143,231,13)
```

Shade Color Variation

#99f217
```
#99f217 rgb(153,242,23)
```
#a1f329
```
#a1f329 rgb(161,243,41)
```
#aaf43c
```
#aaf43c rgb(170,244,60)
```
#b2f54e
```
#b2f54e rgb(178,245,78)
```
#baf661
```
#baf661 rgb(186,246,97)
```
#c2f773
```
#c2f773 rgb(194,247,115)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#d2f999
```
#d2f999 rgb(210,249,153)
```
#dafaab
```
#dafaab rgb(218,250,171)
```
#e2fbbe
```
#e2fbbe rgb(226,251,190)
```
#eafcd0
```
#eafcd0 rgb(234,252,208)
```
#f3fde3
```
#f3fde3 rgb(243,253,227)
```
#fbfef5
```
#fbfef5 rgb(251,254,245)
```

Tint Color Variation

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

#c0c2bc
```
#c0c2bc rgb(192,194,188)
```
#c0c7b7
```
#c0c7b7 rgb(192,199,183)
```
#c1ccb2
```
#c1ccb2 rgb(193,204,178)
```
#c2d1ad
```
#c2d1ad rgb(194,209,173)
```
#c3d6a8
```
#c3d6a8 rgb(195,214,168)
```
#c4daa4
```
#c4daa4 rgb(196,218,164)
```
#c5df9f
```
#c5df9f rgb(197,223,159)
```
#c6e49a
```
#c6e49a rgb(198,228,154)
```
#c7e995
```
#c7e995 rgb(199,233,149)
```
#c8ee90
```
#c8ee90 rgb(200,238,144)
```
#c9f38b
```
#c9f38b rgb(201,243,139)
```
#caf886
```
#caf886 rgb(202,248,134)
```
#cbfd81
```
#cbfd81 rgb(203,253,129)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d9e2cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea91 Protanopia 1% of men
#ffe6cc Deuteranopia 1% of men
#deebfc Tritanopia 0.001% of the population

Trichromacy

#ebef8d Protanomaly 1% of men, 0.01% of women
#ebecb3 Deuteranomaly 6% of men, 0.4% of women
#d6f0d1 Tritanomaly 0.01% of the population

#caf886 hex color

#caf886 Color Information

#caf886 Color Conversion

Color Schemes with #caf886

Alternatives to #caf886

#caf886 Preview

Shades and Tints of #caf886

Tones of #caf886

Color Blindness Simulator