#caf960 hex color

In a RGB color space, hex #caf960 is composed of 79.2% red, 97.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 61.4% yellow and 2.4% black. It has a hue angle of 78.4 degrees, a saturation of 92.7% and a lightness of 67.6%. #caf960 color hex could be obtained by blending #ffffc0 with #95f300. Closest websafe color is: #ccff66.

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

● #caf960 color description : Soft green.

The hexadecimal color #caf960 has RGB values of R:202, G:249, B:96 and CMYK values of C:0.19, M:0, Y:0.61, K:0.02. Its decimal value is 13302112.

Hex triplet	caf960	`#caf960`
RGB Decimal	202, 249, 96	`rgb(202,249,96)`
RGB Percent	79.2, 97.6, 37.6	`rgb(79.2%,97.6%,37.6%)`
CMYK	19, 0, 61, 2
HSL	78.4°, 92.7, 67.6	`hsl(78.4,92.7%,67.6%)`
HSV (or HSB)	78.4°, 61.4, 97.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.199, -36.641, 66.496
XYZ	60.343, 81.152, 23.55
xyY	0.366, 0.492, 81.152
CIE-LCH	92.199, 75.923, 118.856
CIE-LUV	92.199, -22.552, 87.939
Hunter-Lab	90.084, -38.079, 47.559
Binary	11001010, 11111001, 01100000

#caf960
```
#caf960 rgb(202,249,96)
```
#8f60f9
```
#8f60f9 rgb(143,96,249)
```

Complementary Color

#f9dc60
```
#f9dc60 rgb(249,220,96)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#7ef960
```
#7ef960 rgb(126,249,96)
```

Analogous Color

#dc60f9
```
#dc60f9 rgb(220,96,249)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#607ef9
```
#607ef9 rgb(96,126,249)
```

Split Complementary Color

#f960ca
```
#f960ca rgb(249,96,202)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```

Triadic Color

#f98f60
```
#f98f60 rgb(249,143,96)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#8f60f9
```
#8f60f9 rgb(143,96,249)
```

Tetradic Color

#b1f616
```
#b1f616 rgb(177,246,22)
```
#baf72f
```
#baf72f rgb(186,247,47)
```
#c2f847
```
#c2f847 rgb(194,248,71)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#d2fa79
```
#d2fa79 rgb(210,250,121)
```
#dafb91
```
#dafb91 rgb(218,251,145)
```
#e3fcaa
```
#e3fcaa rgb(227,252,170)
```

Monochromatic Color

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

#f0f960
```
#f0f960 rgb(240,249,96)
```
#e4f960
```
#e4f960 rgb(228,249,96)
```
#d7f960
```
#d7f960 rgb(215,249,96)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#bdf960
```
#bdf960 rgb(189,249,96)
```
#b1f960
```
#b1f960 rgb(177,249,96)
```
#a4f960
```
#a4f960 rgb(164,249,96)
```

Similar Colors

Text with hexadecimal color #caf960

This text has a font color of #caf960.

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

#caf960 background color

This paragraph has a background color of #caf960.

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

#caf960 border color

This element has a border color of #caf960.

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

CSS codes

.text {color:#caf960;}

.background {background-color:#caf960;}

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

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, #080b00 is the darkest color, while #fcfff7 is the lightest one.

#080b00
```
#080b00 rgb(8,11,0)
```
#151e01
```
#151e01 rgb(21,30,1)
```
#223102
```
#223102 rgb(34,49,2)
```
#304403
```
#304403 rgb(48,68,3)
```
#3d5703
```
#3d5703 rgb(61,87,3)
```
#4a6a04
```
#4a6a04 rgb(74,106,4)
```
#587d05
```
#587d05 rgb(88,125,5)
```
#658f05
```
#658f05 rgb(101,143,5)
```
#72a206
```
#72a206 rgb(114,162,6)
```
#80b507
```
#80b507 rgb(128,181,7)
```
#8dc808
```
#8dc808 rgb(141,200,8)
```
#9adb08
```
#9adb08 rgb(154,219,8)
```
#a8ee09
```
#a8ee09 rgb(168,238,9)
```

Shade Color Variation

#b1f614
```
#b1f614 rgb(177,246,20)
```
#b7f727
```
#b7f727 rgb(183,247,39)
```
#bdf83a
```
#bdf83a rgb(189,248,58)
```
#c4f84d
```
#c4f84d rgb(196,248,77)
```
#caf960
```
#caf960 rgb(202,249,96)
```
#d0fa73
```
#d0fa73 rgb(208,250,115)
```
#d7fa86
```
#d7fa86 rgb(215,250,134)
```
#ddfb99
```
#ddfb99 rgb(221,251,153)
```
#e3fcac
```
#e3fcac rgb(227,252,172)
```
#eafdbf
```
#eafdbf rgb(234,253,191)
```
#f0fdd1
```
#f0fdd1 rgb(240,253,209)
```
#f6fee4
```
#f6fee4 rgb(246,254,228)
```
#fcfff7
```
#fcfff7 rgb(252,255,247)
```

Tint Color Variation

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

#adadac
```
#adadac rgb(173,173,172)
```
#afb3a6
```
#afb3a6 rgb(175,179,166)
```
#b2ba9f
```
#b2ba9f rgb(178,186,159)
```
#b4c099
```
#b4c099 rgb(180,192,153)
```
#b6c693
```
#b6c693 rgb(182,198,147)
```
#b9cd8c
```
#b9cd8c rgb(185,205,140)
```
#bbd386
```
#bbd386 rgb(187,211,134)
```
#bed980
```
#bed980 rgb(190,217,128)
```
#c0e079
```
#c0e079 rgb(192,224,121)
```
#c3e673
```
#c3e673 rgb(195,230,115)
```
#c5ec6d
```
#c5ec6d rgb(197,236,109)
```
#c8f366
```
#c8f366 rgb(200,243,102)
```
#caf960
```
#caf960 rgb(202,249,96)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d7e0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8b Protanopia 1% of men
#ffe5c9 Deuteranopia 1% of men
#e0eafb Tritanopia 0.001% of the population

Trichromacy

#ebef7b Protanomaly 1% of men, 0.01% of women
#ebeca2 Deuteranomaly 6% of men, 0.4% of women
#d8efc2 Tritanomaly 0.01% of the population

#caf960 hex color

#caf960 Color Information

#caf960 Color Conversion

Color Schemes with #caf960

Alternatives to #caf960

#caf960 Preview

Shades and Tints of #caf960

Tones of #caf960

Color Blindness Simulator