#caf301 hex color

In a RGB color space, hex #caf301 is composed of 79.2% red, 95.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 99.6% yellow and 4.7% black. It has a hue angle of 70.2 degrees, a saturation of 99.2% and a lightness of 47.8%. #caf301 color hex could be obtained by blending #ffff02 with #95e700. Closest websafe color is: #ccff00.

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

● #caf301 color description : Vivid yellow.

The hexadecimal color #caf301 has RGB values of R:202, G:243, B:1 and CMYK values of C:0.17, M:0, Y:1, K:0.05. Its decimal value is 13300481.

Hex triplet	caf301	`#caf301`
RGB Decimal	202, 243, 1	`rgb(202,243,1)`
RGB Percent	79.2, 95.3, 0.4	`rgb(79.2%,95.3%,0.4%)`
CMYK	17, 0, 100, 5
HSL	70.2°, 99.2, 47.8	`hsl(70.2,99.2%,47.8%)`
HSV (or HSB)	70.2°, 99.6, 95.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.165, -37.413, 87.545
XYZ	56.413, 76.659, 11.854
xyY	0.389, 0.529, 76.659
CIE-LCH	90.165, 95.204, 113.14
CIE-LUV	90.165, -18.914, 102.243
Hunter-Lab	87.555, -38.213, 53.262
Binary	11001010, 11110011, 00000001

#caf301
```
#caf301 rgb(202,243,1)
```
#2a01f3
```
#2a01f3 rgb(42,1,243)
```

Complementary Color

#f3a301
```
#f3a301 rgb(243,163,1)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#51f301
```
#51f301 rgb(81,243,1)
```

Analogous Color

#a301f3
```
#a301f3 rgb(163,1,243)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#0151f3
```
#0151f3 rgb(1,81,243)
```

Split Complementary Color

#f301ca
```
#f301ca rgb(243,1,202)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#01caf3
```
#01caf3 rgb(1,202,243)
```

Triadic Color

#f32a01
```
#f32a01 rgb(243,42,1)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#01caf3
```
#01caf3 rgb(1,202,243)
```
#2a01f3
```
#2a01f3 rgb(42,1,243)
```

Tetradic Color

#8ba701
```
#8ba701 rgb(139,167,1)
```
#a0c001
```
#a0c001 rgb(160,192,1)
```
#b5da01
```
#b5da01 rgb(181,218,1)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#d6fe0f
```
#d6fe0f rgb(214,254,15)
```
#dafe29
```
#dafe29 rgb(218,254,41)
```
#defe42
```
#defe42 rgb(222,254,66)
```

Monochromatic Color

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

#f3e001
```
#f3e001 rgb(243,224,1)
```
#f2f301
```
#f2f301 rgb(242,243,1)
```
#def301
```
#def301 rgb(222,243,1)
```
#caf301
```
#caf301 rgb(202,243,1)
```
#b6f301
```
#b6f301 rgb(182,243,1)
```
#a2f301
```
#a2f301 rgb(162,243,1)
```
#8ef301
```
#8ef301 rgb(142,243,1)
```

Similar Colors

Text with hexadecimal color #caf301

This text has a font color of #caf301.

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

#caf301 background color

This paragraph has a background color of #caf301.

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

#caf301 border color

This element has a border color of #caf301.

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

CSS codes

.text {color:#caf301;}

.background {background-color:#caf301;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#171c00
```
#171c00 rgb(23,28,0)
```
#283000
```
#283000 rgb(40,48,0)
```
#384300
```
#384300 rgb(56,67,0)
```
#485700
```
#485700 rgb(72,87,0)
```
#586a00
```
#586a00 rgb(88,106,0)
```
#697e01
```
#697e01 rgb(105,126,1)
```
#799101
```
#799101 rgb(121,145,1)
```
#89a501
```
#89a501 rgb(137,165,1)
```
#99b801
```
#99b801 rgb(153,184,1)
```
#aacc01
```
#aacc01 rgb(170,204,1)
```
#badf01
```
#badf01 rgb(186,223,1)
```
#caf301
```
#caf301 rgb(202,243,1)
```

Shade Color Variation

#d5fe0a
```
#d5fe0a rgb(213,254,10)
```
#d8fe1d
```
#d8fe1d rgb(216,254,29)
```
#dbfe31
```
#dbfe31 rgb(219,254,49)
```
#dffe44
```
#dffe44 rgb(223,254,68)
```
#e2fe58
```
#e2fe58 rgb(226,254,88)
```
#e5fe6b
```
#e5fe6b rgb(229,254,107)
```
#e9fe7f
```
#e9fe7f rgb(233,254,127)
```
#ecff92
```
#ecff92 rgb(236,255,146)
```
#f0ffa6
```
#f0ffa6 rgb(240,255,166)
```
#f3ffb9
```
#f3ffb9 rgb(243,255,185)
```
#f6ffcd
```
#f6ffcd rgb(246,255,205)
```
#faffe1
```
#faffe1 rgb(250,255,225)
```
#fdfff4
```
#fdfff4 rgb(253,255,244)
```

Tint Color Variation

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

#808272
```
#808272 rgb(128,130,114)
```
#868c68
```
#868c68 rgb(134,140,104)
```
#8c955f
```
#8c955f rgb(140,149,95)
```
#929f55
```
#929f55 rgb(146,159,85)
```
#98a84c
```
#98a84c rgb(152,168,76)
```
#9fb143
```
#9fb143 rgb(159,177,67)
```
#a5bb39
```
#a5bb39 rgb(165,187,57)
```
#abc430
```
#abc430 rgb(171,196,48)
```
#b1cd27
```
#b1cd27 rgb(177,205,39)
```
#b7d71d
```
#b7d71d rgb(183,215,29)
```
#bee014
```
#bee014 rgb(190,224,20)
```
#c4ea0a
```
#c4ea0a rgb(196,234,10)
```
#caf301
```
#caf301 rgb(202,243,1)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd3a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe441 Protanopia 1% of men
#ffdfb5 Deuteranopia 1% of men
#e1e3f3 Tritanopia 0.001% of the population

Trichromacy

#ebe929 Protanomaly 1% of men, 0.01% of women
#ebe673 Deuteranomaly 6% of men, 0.4% of women
#d9e99b Tritanomaly 0.01% of the population

#caf301 hex color

#caf301 Color Information

#caf301 Color Conversion

Color Schemes with #caf301

Alternatives to #caf301

#caf301 Preview

Shades and Tints of #caf301

Tones of #caf301

Color Blindness Simulator