#caf70c hex color

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

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

● #caf70c color description : Vivid yellow.

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

Hex triplet	caf70c	`#caf70c`
RGB Decimal	202, 247, 12	`rgb(202,247,12)`
RGB Percent	79.2, 96.9, 4.7	`rgb(79.2%,96.9%,4.7%)`
CMYK	18, 0, 95, 3
HSL	71.5°, 93.6, 50.8	`hsl(71.5,93.6%,50.8%)`
HSV (or HSB)	71.5°, 95.1, 96.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.281, -39.094, 87.564
XYZ	57.684, 79.104, 12.578
xyY	0.386, 0.53, 79.104
CIE-LCH	91.281, 95.895, 114.059
CIE-LUV	91.281, -21.189, 103.247
Hunter-Lab	88.94, -39.877, 53.874
Binary	11001010, 11110111, 00001100

#caf70c
```
#caf70c rgb(202,247,12)
```
#390cf7
```
#390cf7 rgb(57,12,247)
```

Complementary Color

#f7af0c
```
#f7af0c rgb(247,175,12)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#55f70c
```
#55f70c rgb(85,247,12)
```

Analogous Color

#af0cf7
```
#af0cf7 rgb(175,12,247)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#0c55f7
```
#0c55f7 rgb(12,85,247)
```

Split Complementary Color

#f70cca
```
#f70cca rgb(247,12,202)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#0ccaf7
```
#0ccaf7 rgb(12,202,247)
```

Triadic Color

#f7390c
```
#f7390c rgb(247,57,12)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#0ccaf7
```
#0ccaf7 rgb(12,202,247)
```
#390cf7
```
#390cf7 rgb(57,12,247)
```

Tetradic Color

#90b106
```
#90b106 rgb(144,177,6)
```
#a4c907
```
#a4c907 rgb(164,201,7)
```
#b8e207
```
#b8e207 rgb(184,226,7)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#cff825
```
#cff825 rgb(207,248,37)
```
#d5f93d
```
#d5f93d rgb(213,249,61)
```
#daf956
```
#daf956 rgb(218,249,86)
```

Monochromatic Color

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

#f7e90c
```
#f7e90c rgb(247,233,12)
```
#f1f70c
```
#f1f70c rgb(241,247,12)
```
#def70c
```
#def70c rgb(222,247,12)
```
#caf70c
```
#caf70c rgb(202,247,12)
```
#b6f70c
```
#b6f70c rgb(182,247,12)
```
#a3f70c
```
#a3f70c rgb(163,247,12)
```
#8ff70c
```
#8ff70c rgb(143,247,12)
```

Similar Colors

Text with hexadecimal color #caf70c

This text has a font color of #caf70c.

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

#caf70c background color

This paragraph has a background color of #caf70c.

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

#caf70c border color

This element has a border color of #caf70c.

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

CSS codes

.text {color:#caf70c;}

.background {background-color:#caf70c;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#131701
```
#131701 rgb(19,23,1)
```
#222a01
```
#222a01 rgb(34,42,1)
```
#323d02
```
#323d02 rgb(50,61,2)
```
#415003
```
#415003 rgb(65,80,3)
```
#516303
```
#516303 rgb(81,99,3)
```
#607604
```
#607604 rgb(96,118,4)
```
#6f8905
```
#6f8905 rgb(111,137,5)
```
#7f9c05
```
#7f9c05 rgb(127,156,5)
```
#8eaf06
```
#8eaf06 rgb(142,175,6)
```
#9ec206
```
#9ec206 rgb(158,194,6)
```
#add507
```
#add507 rgb(173,213,7)
```
#bde808
```
#bde808 rgb(189,232,8)
```

Shade Color Variation

#caf70c
```
#caf70c rgb(202,247,12)
```
#cef81f
```
#cef81f rgb(206,248,31)
```
#d2f832
```
#d2f832 rgb(210,248,50)
```
#d6f945
```
#d6f945 rgb(214,249,69)
```
#dbfa58
```
#dbfa58 rgb(219,250,88)
```
#dffa6b
```
#dffa6b rgb(223,250,107)
```
#e3fb7e
```
#e3fb7e rgb(227,251,126)
```
#e7fb91
```
#e7fb91 rgb(231,251,145)
```
#ebfca4
```
#ebfca4 rgb(235,252,164)
```
#effdb7
```
#effdb7 rgb(239,253,183)
```
#f3fdca
```
#f3fdca rgb(243,253,202)
```
#f8fedd
```
#f8fedd rgb(248,254,221)
```
#fcfff0
```
#fcfff0 rgb(252,255,240)
```

Tint Color Variation

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

#838380
```
#838380 rgb(131,131,128)
```
#888d76
```
#888d76 rgb(136,141,118)
```
#8e966d
```
#8e966d rgb(142,150,109)
```
#94a063
```
#94a063 rgb(148,160,99)
```
#9aaa59
```
#9aaa59 rgb(154,170,89)
```
#a0b350
```
#a0b350 rgb(160,179,80)
```
#a6bd46
```
#a6bd46 rgb(166,189,70)
```
#acc73c
```
#acc73c rgb(172,199,60)
```
#b2d033
```
#b2d033 rgb(178,208,51)
```
#b8da29
```
#b8da29 rgb(184,218,41)
```
#bee41f
```
#bee41f rgb(190,228,31)
```
#c4ed16
```
#c4ed16 rgb(196,237,22)
```
#caf70c
```
#caf70c rgb(202,247,12)
```

Tone Color Variation

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

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

Trichromacy

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

#caf70c hex color

#caf70c Color Information

#caf70c Color Conversion

Color Schemes with #caf70c

Alternatives to #caf70c

#caf70c Preview

Shades and Tints of #caf70c

Tones of #caf70c

Color Blindness Simulator