#caf70a hex color

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

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

● #caf70a color description : Vivid yellow.

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

Hex triplet	caf70a	`#caf70a`
RGB Decimal	202, 247, 10	`rgb(202,247,10)`
RGB Percent	79.2, 96.9, 3.9	`rgb(79.2%,96.9%,3.9%)`
CMYK	18, 0, 96, 3
HSL	71.4°, 93.7, 50.4	`hsl(71.4,93.7%,50.4%)`
HSV (or HSB)	71.4°, 96, 96.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.279, -39.113, 87.718
XYZ	57.672, 79.099, 12.517
xyY	0.386, 0.53, 79.099
CIE-LCH	91.279, 96.043, 114.032
CIE-LUV	91.279, -21.188, 103.341
Hunter-Lab	88.938, -39.892, 53.912
Binary	11001010, 11110111, 00001010

#caf70a
```
#caf70a rgb(202,247,10)
```
#370af7
```
#370af7 rgb(55,10,247)
```

Complementary Color

#f7ae0a
```
#f7ae0a rgb(247,174,10)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#53f70a
```
#53f70a rgb(83,247,10)
```

Analogous Color

#ae0af7
```
#ae0af7 rgb(174,10,247)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#0a53f7
```
#0a53f7 rgb(10,83,247)
```

Split Complementary Color

#f70aca
```
#f70aca rgb(247,10,202)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#0acaf7
```
#0acaf7 rgb(10,202,247)
```

Triadic Color

#f7370a
```
#f7370a rgb(247,55,10)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#0acaf7
```
#0acaf7 rgb(10,202,247)
```
#370af7
```
#370af7 rgb(55,10,247)
```

Tetradic Color

#8faf06
```
#8faf06 rgb(143,175,6)
```
#a3c707
```
#a3c707 rgb(163,199,7)
```
#b7e007
```
#b7e007 rgb(183,224,7)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#cff823
```
#cff823 rgb(207,248,35)
```
#d5f93b
```
#d5f93b rgb(213,249,59)
```
#daf954
```
#daf954 rgb(218,249,84)
```

Monochromatic Color

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

#f7e90a
```
#f7e90a rgb(247,233,10)
```
#f2f70a
```
#f2f70a rgb(242,247,10)
```
#def70a
```
#def70a rgb(222,247,10)
```
#caf70a
```
#caf70a rgb(202,247,10)
```
#b6f70a
```
#b6f70a rgb(182,247,10)
```
#a3f70a
```
#a3f70a rgb(163,247,10)
```
#8ff70a
```
#8ff70a rgb(143,247,10)
```

Similar Colors

Text with hexadecimal color #caf70a

This text has a font color of #caf70a.

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

#caf70a background color

This paragraph has a background color of #caf70a.

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

#caf70a border color

This element has a border color of #caf70a.

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

CSS codes

.text {color:#caf70a;}

.background {background-color:#caf70a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111501
```
#111501 rgb(17,21,1)
```
#212801
```
#212801 rgb(33,40,1)
```
#303b02
```
#303b02 rgb(48,59,2)
```
#404e03
```
#404e03 rgb(64,78,3)
```
#4f6103
```
#4f6103 rgb(79,97,3)
```
#5f7404
```
#5f7404 rgb(95,116,4)
```
#6e8704
```
#6e8704 rgb(110,135,4)
```
#7e9a05
```
#7e9a05 rgb(126,154,5)
```
#8dad06
```
#8dad06 rgb(141,173,6)
```
#9dc006
```
#9dc006 rgb(157,192,6)
```
#acd307
```
#acd307 rgb(172,211,7)
```
#bce608
```
#bce608 rgb(188,230,8)
```

Shade Color Variation

#caf70a
```
#caf70a rgb(202,247,10)
```
#cef81d
```
#cef81d rgb(206,248,29)
```
#d2f830
```
#d2f830 rgb(210,248,48)
```
#d6f943
```
#d6f943 rgb(214,249,67)
```
#daf956
```
#daf956 rgb(218,249,86)
```
#dffa69
```
#dffa69 rgb(223,250,105)
```
#e3fb7c
```
#e3fb7c rgb(227,251,124)
```
#e7fb8f
```
#e7fb8f rgb(231,251,143)
```
#ebfca2
```
#ebfca2 rgb(235,252,162)
```
#effdb5
```
#effdb5 rgb(239,253,181)
```
#f3fdc8
```
#f3fdc8 rgb(243,253,200)
```
#f7fedb
```
#f7fedb rgb(247,254,219)
```
#fbfeee
```
#fbfeee rgb(251,254,238)
```

Tint Color Variation

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

#82827f
```
#82827f rgb(130,130,127)
```
#888c75
```
#888c75 rgb(136,140,117)
```
#8e966b
```
#8e966b rgb(142,150,107)
```
#949f62
```
#949f62 rgb(148,159,98)
```
#9aa958
```
#9aa958 rgb(154,169,88)
```
#a0b34e
```
#a0b34e rgb(160,179,78)
```
#a6bd44
```
#a6bd44 rgb(166,189,68)
```
#acc63b
```
#acc63b rgb(172,198,59)
```
#b2d031
```
#b2d031 rgb(178,208,49)
```
#b8da27
```
#b8da27 rgb(184,218,39)
```
#bee41d
```
#bee41d rgb(190,228,29)
```
#c4ed14
```
#c4ed14 rgb(196,237,20)
```
#caf70a
```
#caf70a rgb(202,247,10)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced7a8 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

#ebed4a Protanomaly 1% of men, 0.01% of women
#ebea7d Deuteranomaly 6% of men, 0.4% of women
#d9eca1 Tritanomaly 0.01% of the population

#caf70a hex color

#caf70a Color Information

#caf70a Color Conversion

Color Schemes with #caf70a

Alternatives to #caf70a

#caf70a Preview

Shades and Tints of #caf70a

Tones of #caf70a

Color Blindness Simulator