#caf700 hex color

In a RGB color space, hex #caf700 is composed of 79.2% red, 96.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 100% yellow and 3.1% black. It has a hue angle of 70.9 degrees, a saturation of 100% and a lightness of 48.4%. #caf700 color hex could be obtained by blending #ffff00 with #95ef00. Closest websafe color is: #ccff00.

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

● #caf700 color description : Pure (or mostly pure) yellow.

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

Hex triplet	caf700	`#caf700`
RGB Decimal	202, 247, 0	`rgb(202,247,0)`
RGB Percent	79.2, 96.9, 0	`rgb(79.2%,96.9%,0%)`
CMYK	18, 0, 100, 3
HSL	70.9°, 100, 48.4	`hsl(70.9,100%,48.4%)`
HSV (or HSB)	70.9°, 100, 96.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.269, -39.204, 88.454
XYZ	57.617, 79.077, 12.228
xyY	0.387, 0.531, 79.077
CIE-LCH	91.269, 96.753, 113.904
CIE-LUV	91.269, -21.18, 103.79
Hunter-Lab	88.926, -39.964, 54.095
Binary	11001010, 11110111, 00000000

#caf700
```
#caf700 rgb(202,247,0)
```
#2d00f7
```
#2d00f7 rgb(45,0,247)
```

Complementary Color

#f7a900
```
#f7a900 rgb(247,169,0)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#4ff700
```
#4ff700 rgb(79,247,0)
```

Analogous Color

#a900f7
```
#a900f7 rgb(169,0,247)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#004ff7
```
#004ff7 rgb(0,79,247)
```

Split Complementary Color

#f700ca
```
#f700ca rgb(247,0,202)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#00caf7
```
#00caf7 rgb(0,202,247)
```

Triadic Color

#f72d00
```
#f72d00 rgb(247,45,0)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#00caf7
```
#00caf7 rgb(0,202,247)
```
#2d00f7
```
#2d00f7 rgb(45,0,247)
```

Tetradic Color

#8bab00
```
#8bab00 rgb(139,171,0)
```
#a0c400
```
#a0c400 rgb(160,196,0)
```
#b5de00
```
#b5de00 rgb(181,222,0)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#d4ff12
```
#d4ff12 rgb(212,255,18)
```
#d8ff2b
```
#d8ff2b rgb(216,255,43)
```
#ddff45
```
#ddff45 rgb(221,255,69)
```

Monochromatic Color

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

#f7e600
```
#f7e600 rgb(247,230,0)
```
#f3f700
```
#f3f700 rgb(243,247,0)
```
#dff700
```
#dff700 rgb(223,247,0)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#b5f700
```
#b5f700 rgb(181,247,0)
```
#a1f700
```
#a1f700 rgb(161,247,0)
```
#8cf700
```
#8cf700 rgb(140,247,0)
```

Similar Colors

Text with hexadecimal color #caf700

This text has a font color of #caf700.

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

#caf700 background color

This paragraph has a background color of #caf700.

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

#caf700 border color

This element has a border color of #caf700.

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

CSS codes

.text {color:#caf700;}

.background {background-color:#caf700;}

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

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, #090c00 is the darkest color, while #fefff7 is the lightest one.

#090c00
```
#090c00 rgb(9,12,0)
```
#1a1f00
```
#1a1f00 rgb(26,31,0)
```
#2a3300
```
#2a3300 rgb(42,51,0)
```
#3a4600
```
#3a4600 rgb(58,70,0)
```
#4a5a00
```
#4a5a00 rgb(74,90,0)
```
#5a6e00
```
#5a6e00 rgb(90,110,0)
```
#6a8100
```
#6a8100 rgb(106,129,0)
```
#7a9500
```
#7a9500 rgb(122,149,0)
```
#8aa900
```
#8aa900 rgb(138,169,0)
```
#9abc00
```
#9abc00 rgb(154,188,0)
```
#aad000
```
#aad000 rgb(170,208,0)
```
#bae300
```
#bae300 rgb(186,227,0)
```
#caf700
```
#caf700 rgb(202,247,0)
```

Shade Color Variation

#d3ff0c
```
#d3ff0c rgb(211,255,12)
```
#d6ff1f
```
#d6ff1f rgb(214,255,31)
```
#daff33
```
#daff33 rgb(218,255,51)
```
#ddff46
```
#ddff46 rgb(221,255,70)
```
#e1ff5a
```
#e1ff5a rgb(225,255,90)
```
#e5ff6e
```
#e5ff6e rgb(229,255,110)
```
#e8ff81
```
#e8ff81 rgb(232,255,129)
```
#ecff95
```
#ecff95 rgb(236,255,149)
```
#efffa9
```
#efffa9 rgb(239,255,169)
```
#f3ffbc
```
#f3ffbc rgb(243,255,188)
```
#f6ffd0
```
#f6ffd0 rgb(246,255,208)
```
#faffe3
```
#faffe3 rgb(250,255,227)
```
#fefff7
```
#fefff7 rgb(254,255,247)
```

Tint Color Variation

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

#828572
```
#828572 rgb(130,133,114)
```
#888f69
```
#888f69 rgb(136,143,105)
```
#8e985f
```
#8e985f rgb(142,152,95)
```
#94a256
```
#94a256 rgb(148,162,86)
```
#9aab4c
```
#9aab4c rgb(154,171,76)
```
#a0b543
```
#a0b543 rgb(160,181,67)
```
#a6be39
```
#a6be39 rgb(166,190,57)
```
#acc830
```
#acc830 rgb(172,200,48)
```
#b2d126
```
#b2d126 rgb(178,209,38)
```
#b8db1d
```
#b8db1d rgb(184,219,29)
```
#bee413
```
#bee413 rgb(190,228,19)
```
#c4ee0a
```
#c4ee0a rgb(196,238,10)
```
#caf700
```
#caf700 rgb(202,247,0)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#ccd5a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76f Protanopia 1% of men
#ffe3bf Deuteranopia 1% of men
#e2e6f7 Tritanopia 0.001% of the population

Trichromacy

#ebed47 Protanomaly 1% of men, 0.01% of women
#ebea79 Deuteranomaly 6% of men, 0.4% of women
#d9ec9d Tritanomaly 0.01% of the population

#caf700 hex color

#caf700 Color Information

#caf700 Color Conversion

Color Schemes with #caf700

Alternatives to #caf700

#caf700 Preview

Shades and Tints of #caf700

Tones of #caf700

Color Blindness Simulator