#caf768 hex color

In a RGB color space, hex #caf768 is composed of 79.2% red, 96.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 57.9% yellow and 3.1% black. It has a hue angle of 78.9 degrees, a saturation of 89.9% and a lightness of 68.8%. #caf768 color hex could be obtained by blending #ffffd0 with #95ef00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 97
- B 41
RGB color chart
- C 18
- M 0
- Y 58
- K 3
CMYK color chart

● #caf768 color description : Soft green.

The hexadecimal color #caf768 has RGB values of R:202, G:247, B:104 and CMYK values of C:0.18, M:0, Y:0.58, K:0.03. Its decimal value is 13301608.

Hex triplet	caf768	`#caf768`
RGB Decimal	202, 247, 104	`rgb(202,247,104)`
RGB Percent	79.2, 96.9, 40.8	`rgb(79.2%,96.9%,40.8%)`
CMYK	18, 0, 58, 3
HSL	78.9°, 89.9, 68.8	`hsl(78.9,89.9%,68.8%)`
HSV (or HSB)	78.9°, 57.9, 96.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.719, -35.114, 62.629
XYZ	60.116, 80.077, 25.385
xyY	0.363, 0.484, 80.077
CIE-LCH	91.719, 71.801, 119.278
CIE-LUV	91.719, -21.516, 84.095
Hunter-Lab	89.486, -36.685, 45.821
Binary	11001010, 11110111, 01101000

#caf768
```
#caf768 rgb(202,247,104)
```
#9568f7
```
#9568f7 rgb(149,104,247)
```

Complementary Color

#f7dd68
```
#f7dd68 rgb(247,221,104)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#83f768
```
#83f768 rgb(131,247,104)
```

Analogous Color

#dd68f7
```
#dd68f7 rgb(221,104,247)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#6883f7
```
#6883f7 rgb(104,131,247)
```

Split Complementary Color

#f768ca
```
#f768ca rgb(247,104,202)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#68caf7
```
#68caf7 rgb(104,202,247)
```

Triadic Color

#f79568
```
#f79568 rgb(247,149,104)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#68caf7
```
#68caf7 rgb(104,202,247)
```
#9568f7
```
#9568f7 rgb(149,104,247)
```

Tetradic Color

#b1f31f
```
#b1f31f rgb(177,243,31)
```
#b9f438
```
#b9f438 rgb(185,244,56)
```
#c2f650
```
#c2f650 rgb(194,246,80)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#d3f880
```
#d3f880 rgb(211,248,128)
```
#dbfa98
```
#dbfa98 rgb(219,250,152)
```
#e4fbb1
```
#e4fbb1 rgb(228,251,177)
```

Monochromatic Color

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

#eef768
```
#eef768 rgb(238,247,104)
```
#e2f768
```
#e2f768 rgb(226,247,104)
```
#d6f768
```
#d6f768 rgb(214,247,104)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#bef768
```
#bef768 rgb(190,247,104)
```
#b2f768
```
#b2f768 rgb(178,247,104)
```
#a6f768
```
#a6f768 rgb(166,247,104)
```

Similar Colors

Text with hexadecimal color #caf768

This text has a font color of #caf768.

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

#caf768 background color

This paragraph has a background color of #caf768.

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

#caf768 border color

This element has a border color of #caf768.

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

CSS codes

.text {color:#caf768;}

.background {background-color:#caf768;}

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

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

#0c1101
```
#0c1101 rgb(12,17,1)
```
#192302
```
#192302 rgb(25,35,2)
```
#263603
```
#263603 rgb(38,54,3)
```
#334904
```
#334904 rgb(51,73,4)
```
#405b05
```
#405b05 rgb(64,91,5)
```
#4d6e06
```
#4d6e06 rgb(77,110,6)
```
#5a8007
```
#5a8007 rgb(90,128,7)
```
#679308
```
#679308 rgb(103,147,8)
```
#74a609
```
#74a609 rgb(116,166,9)
```
#81b80a
```
#81b80a rgb(129,184,10)
```
#8ecb0b
```
#8ecb0b rgb(142,203,11)
```
#9cde0c
```
#9cde0c rgb(156,222,12)
```
#a9f00d
```
#a9f00d rgb(169,240,13)
```

Shade Color Variation

#b0f31d
```
#b0f31d rgb(176,243,29)
```
#b6f430
```
#b6f430 rgb(182,244,48)
```
#bdf543
```
#bdf543 rgb(189,245,67)
```
#c3f655
```
#c3f655 rgb(195,246,85)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#d1f87b
```
#d1f87b rgb(209,248,123)
```
#d7f98d
```
#d7f98d rgb(215,249,141)
```
#defaa0
```
#defaa0 rgb(222,250,160)
```
#e4fbb3
```
#e4fbb3 rgb(228,251,179)
```
#ebfcc5
```
#ebfcc5 rgb(235,252,197)
```
#f1fdd8
```
#f1fdd8 rgb(241,253,216)
```
#f8feea
```
#f8feea rgb(248,254,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#b1b4ab
```
#b1b4ab rgb(177,180,171)
```
#b3baa5
```
#b3baa5 rgb(179,186,165)
```
#b6c09f
```
#b6c09f rgb(182,192,159)
```
#b8c699
```
#b8c699 rgb(184,198,153)
```
#bacc93
```
#bacc93 rgb(186,204,147)
```
#bcd28d
```
#bcd28d rgb(188,210,141)
```
#bfd887
```
#bfd887 rgb(191,216,135)
```
#c1df80
```
#c1df80 rgb(193,223,128)
```
#c3e57a
```
#c3e57a rgb(195,229,122)
```
#c5eb74
```
#c5eb74 rgb(197,235,116)
```
#c8f16e
```
#c8f16e rgb(200,241,110)
```
#caf768
```
#caf768 rgb(202,247,104)
```
#ccfd62
```
#ccfd62 rgb(204,253,98)
```

Tone Color Variation

Below, you can see how #caf768 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
#d6dfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe880 Protanopia 1% of men
#ffe4c5 Deuteranopia 1% of men
#e0e9f9 Tritanopia 0.001% of the population

Trichromacy

#ebed77 Protanomaly 1% of men, 0.01% of women
#ebeba3 Deuteranomaly 6% of men, 0.4% of women
#d8eec4 Tritanomaly 0.01% of the population

#caf768 hex color

#caf768 Color Information

#caf768 Color Conversion

Color Schemes with #caf768

Alternatives to #caf768

#caf768 Preview

Shades and Tints of #caf768

Tones of #caf768

Color Blindness Simulator