#caf98f hex color

In a RGB color space, hex #caf98f is composed of 79.2% red, 97.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 42.6% yellow and 2.4% black. It has a hue angle of 86.6 degrees, a saturation of 89.8% and a lightness of 76.9%. #caf98f color hex could be obtained by blending #ffffff with #95f31f. Closest websafe color is: #ccff99.

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

● #caf98f color description : Very soft green.

The hexadecimal color #caf98f has RGB values of R:202, G:249, B:143 and CMYK values of C:0.19, M:0, Y:0.43, K:0.02. Its decimal value is 13302159.

Hex triplet	caf98f	`#caf98f`
RGB Decimal	202, 249, 143	`rgb(202,249,143)`
RGB Percent	79.2, 97.6, 56.1	`rgb(79.2%,97.6%,56.1%)`
CMYK	19, 0, 43, 2
HSL	86.6°, 89.8, 76.9	`hsl(86.6,89.8%,76.9%)`
HSV (or HSB)	86.6°, 42.6, 97.6
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.703, -32.16, 45.944
XYZ	63.189, 82.29, 38.54
xyY	0.343, 0.447, 82.29
CIE-LCH	92.703, 56.081, 124.991
CIE-LUV	92.703, -22.874, 67.181
Hunter-Lab	90.714, -34.41, 38.31
Binary	11001010, 11111001, 10001111

#caf98f
```
#caf98f rgb(202,249,143)
```
#be8ff9
```
#be8ff9 rgb(190,143,249)
```

Complementary Color

#f9f38f
```
#f9f38f rgb(249,243,143)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#95f98f
```
#95f98f rgb(149,249,143)
```

Analogous Color

#f38ff9
```
#f38ff9 rgb(243,143,249)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#8f95f9
```
#8f95f9 rgb(143,149,249)
```

Split Complementary Color

#f98fca
```
#f98fca rgb(249,143,202)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#8fcaf9
```
#8fcaf9 rgb(143,202,249)
```

Triadic Color

#f9be8f
```
#f9be8f rgb(249,190,143)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#8fcaf9
```
#8fcaf9 rgb(143,202,249)
```
#be8ff9
```
#be8ff9 rgb(190,143,249)
```

Tetradic Color

#a8f546
```
#a8f546 rgb(168,245,70)
```
#b3f65f
```
#b3f65f rgb(179,246,95)
```
#bff877
```
#bff877 rgb(191,248,119)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#d5faa7
```
#d5faa7 rgb(213,250,167)
```
#e1fcbf
```
#e1fcbf rgb(225,252,191)
```
#ecfdd8
```
#ecfdd8 rgb(236,253,216)
```

Monochromatic Color

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

#e5f98f
```
#e5f98f rgb(229,249,143)
```
#dcf98f
```
#dcf98f rgb(220,249,143)
```
#d3f98f
```
#d3f98f rgb(211,249,143)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#c1f98f
```
#c1f98f rgb(193,249,143)
```
#b8f98f
```
#b8f98f rgb(184,249,143)
```
#b0f98f
```
#b0f98f rgb(176,249,143)
```

Similar Colors

Text with hexadecimal color #caf98f

This text has a font color of #caf98f.

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

#caf98f background color

This paragraph has a background color of #caf98f.

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

#caf98f border color

This element has a border color of #caf98f.

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

CSS codes

.text {color:#caf98f;}

.background {background-color:#caf98f;}

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

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, #0b1201 is the darkest color, while #ffffff is the lightest one.

#0b1201
```
#0b1201 rgb(11,18,1)
```
#152502
```
#152502 rgb(21,37,2)
```
#203803
```
#203803 rgb(32,56,3)
```
#2b4a04
```
#2b4a04 rgb(43,74,4)
```
#365d05
```
#365d05 rgb(54,93,5)
```
#416f06
```
#416f06 rgb(65,111,6)
```
#4b8207
```
#4b8207 rgb(75,130,7)
```
#569508
```
#569508 rgb(86,149,8)
```
#61a709
```
#61a709 rgb(97,167,9)
```
#6cba0a
```
#6cba0a rgb(108,186,10)
```
#77cd0b
```
#77cd0b rgb(119,205,11)
```
#81df0c
```
#81df0c rgb(129,223,12)
```
#8cf20d
```
#8cf20d rgb(140,242,13)
```

Shade Color Variation

#95f31f
```
#95f31f rgb(149,243,31)
```
#9ef432
```
#9ef432 rgb(158,244,50)
```
#a7f545
```
#a7f545 rgb(167,245,69)
```
#b0f657
```
#b0f657 rgb(176,246,87)
```
#b8f76a
```
#b8f76a rgb(184,247,106)
```
#c1f87c
```
#c1f87c rgb(193,248,124)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#d3faa2
```
#d3faa2 rgb(211,250,162)
```
#dcfbb4
```
#dcfbb4 rgb(220,251,180)
```
#e4fcc7
```
#e4fcc7 rgb(228,252,199)
```
#edfdd9
```
#edfdd9 rgb(237,253,217)
```
#f6feec
```
#f6feec rgb(246,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c7c1
```
#c4c7c1 rgb(196,199,193)
```
#c5ccbc
```
#c5ccbc rgb(197,204,188)
```
#c5d0b8
```
#c5d0b8 rgb(197,208,184)
```
#c6d5b3
```
#c6d5b3 rgb(198,213,179)
```
#c6d9af
```
#c6d9af rgb(198,217,175)
```
#c7deaa
```
#c7deaa rgb(199,222,170)
```
#c7e2a6
```
#c7e2a6 rgb(199,226,166)
```
#c8e7a1
```
#c8e7a1 rgb(200,231,161)
```
#c8eb9d
```
#c8eb9d rgb(200,235,157)
```
#c9f098
```
#c9f098 rgb(201,240,152)
```
#c9f494
```
#c9f494 rgb(201,244,148)
```
#caf98f
```
#caf98f rgb(202,249,143)
```
#cbfe8a
```
#cbfe8a rgb(203,254,138)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dbe4cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb9a Protanopia 1% of men
#ffe7d0 Deuteranopia 1% of men
#ddecfd Tritanopia 0.001% of the population

Trichromacy

#ebf096 Protanomaly 1% of men, 0.01% of women
#ebedb8 Deuteranomaly 6% of men, 0.4% of women
#d6f1d5 Tritanomaly 0.01% of the population

#caf98f hex color

#caf98f Color Information

#caf98f Color Conversion

Color Schemes with #caf98f

Alternatives to #caf98f

#caf98f Preview

Shades and Tints of #caf98f

Tones of #caf98f

Color Blindness Simulator