#caf958 hex color

In a RGB color space, hex #caf958 is composed of 79.2% red, 97.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 64.7% yellow and 2.4% black. It has a hue angle of 77.5 degrees, a saturation of 93.1% and a lightness of 66.1%. #caf958 color hex could be obtained by blending #ffffb0 with #95f300. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 98
- B 35
RGB color chart
- C 19
- M 0
- Y 65
- K 2
CMYK color chart

● #caf958 color description : Soft green.

The hexadecimal color #caf958 has RGB values of R:202, G:249, B:88 and CMYK values of C:0.19, M:0, Y:0.65, K:0.02. Its decimal value is 13302104.

Hex triplet	caf958	`#caf958`
RGB Decimal	202, 249, 88	`rgb(202,249,88)`
RGB Percent	79.2, 97.6, 34.5	`rgb(79.2%,97.6%,34.5%)`
CMYK	19, 0, 65, 2
HSL	77.5°, 93.1, 66.1	`hsl(77.5,93.1%,66.1%)`
HSV (or HSB)	77.5°, 64.7, 97.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.137, -37.205, 69.605
XYZ	59.993, 81.012, 21.708
xyY	0.369, 0.498, 81.012
CIE-LCH	92.137, 78.924, 118.125
CIE-LUV	92.137, -22.512, 90.616
Hunter-Lab	90.006, -38.533, 48.705
Binary	11001010, 11111001, 01011000

#caf958
```
#caf958 rgb(202,249,88)
```
#8758f9
```
#8758f9 rgb(135,88,249)
```

Complementary Color

#f9d858
```
#f9d858 rgb(249,216,88)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#7af958
```
#7af958 rgb(122,249,88)
```

Analogous Color

#d858f9
```
#d858f9 rgb(216,88,249)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#587af9
```
#587af9 rgb(88,122,249)
```

Split Complementary Color

#f958ca
```
#f958ca rgb(249,88,202)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#58caf9
```
#58caf9 rgb(88,202,249)
```

Triadic Color

#f98758
```
#f98758 rgb(249,135,88)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#58caf9
```
#58caf9 rgb(88,202,249)
```
#8758f9
```
#8758f9 rgb(135,88,249)
```

Tetradic Color

#b3f60e
```
#b3f60e rgb(179,246,14)
```
#baf727
```
#baf727 rgb(186,247,39)
```
#c2f83f
```
#c2f83f rgb(194,248,63)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#d2fa71
```
#d2fa71 rgb(210,250,113)
```
#dafb89
```
#dafb89 rgb(218,251,137)
```
#e1fca2
```
#e1fca2 rgb(225,252,162)
```

Monochromatic Color

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

#f2f958
```
#f2f958 rgb(242,249,88)
```
#e5f958
```
#e5f958 rgb(229,249,88)
```
#d7f958
```
#d7f958 rgb(215,249,88)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#bdf958
```
#bdf958 rgb(189,249,88)
```
#aff958
```
#aff958 rgb(175,249,88)
```
#a2f958
```
#a2f958 rgb(162,249,88)
```

Similar Colors

Text with hexadecimal color #caf958

This text has a font color of #caf958.

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

#caf958 background color

This paragraph has a background color of #caf958.

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

#caf958 border color

This element has a border color of #caf958.

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

CSS codes

.text {color:#caf958;}

.background {background-color:#caf958;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#101601
```
#101601 rgb(16,22,1)
```
#1e2901
```
#1e2901 rgb(30,41,1)
```
#2b3c02
```
#2b3c02 rgb(43,60,2)
```
#394f03
```
#394f03 rgb(57,79,3)
```
#466204
```
#466204 rgb(70,98,4)
```
#547504
```
#547504 rgb(84,117,4)
```
#628805
```
#628805 rgb(98,136,5)
```
#6f9b06
```
#6f9b06 rgb(111,155,6)
```
#7dae06
```
#7dae06 rgb(125,174,6)
```
#8bc107
```
#8bc107 rgb(139,193,7)
```
#98d408
```
#98d408 rgb(152,212,8)
```
#a6e708
```
#a6e708 rgb(166,231,8)
```

Shade Color Variation

#b2f60c
```
#b2f60c rgb(178,246,12)
```
#b8f71f
```
#b8f71f rgb(184,247,31)
```
#bef832
```
#bef832 rgb(190,248,50)
```
#c4f845
```
#c4f845 rgb(196,248,69)
```
#caf958
```
#caf958 rgb(202,249,88)
```
#d0fa6b
```
#d0fa6b rgb(208,250,107)
```
#d6fa7e
```
#d6fa7e rgb(214,250,126)
```
#dcfb91
```
#dcfb91 rgb(220,251,145)
```
#e2fca4
```
#e2fca4 rgb(226,252,164)
```
#e8fcb7
```
#e8fcb7 rgb(232,252,183)
```
#eefdca
```
#eefdca rgb(238,253,202)
```
#f4fedd
```
#f4fedd rgb(244,254,221)
```
#fafeef
```
#fafeef rgb(250,254,239)
```

Tint Color Variation

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

#a9a9a8
```
#a9a9a8 rgb(169,169,168)
```
#acb0a1
```
#acb0a1 rgb(172,176,161)
```
#aeb69b
```
#aeb69b rgb(174,182,155)
```
#b1bd94
```
#b1bd94 rgb(177,189,148)
```
#b4c48d
```
#b4c48d rgb(180,196,141)
```
#b7ca87
```
#b7ca87 rgb(183,202,135)
```
#b9d180
```
#b9d180 rgb(185,209,128)
```
#bcd879
```
#bcd879 rgb(188,216,121)
```
#bfde73
```
#bfde73 rgb(191,222,115)
```
#c2e56c
```
#c2e56c rgb(194,229,108)
```
#c4ec65
```
#c4ec65 rgb(196,236,101)
```
#c7f25f
```
#c7f25f rgb(199,242,95)
```
#caf958
```
#caf958 rgb(202,249,88)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d6dfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe989 Protanopia 1% of men
#ffe5c8 Deuteranopia 1% of men
#e1eafa Tritanopia 0.001% of the population

Trichromacy

#ebef77 Protanomaly 1% of men, 0.01% of women
#ebec9f Deuteranomaly 6% of men, 0.4% of women
#d8efbf Tritanomaly 0.01% of the population

#caf958 hex color

#caf958 Color Information

#caf958 Color Conversion

Color Schemes with #caf958

Alternatives to #caf958

#caf958 Preview

Shades and Tints of #caf958

Tones of #caf958

Color Blindness Simulator