#caf300 hex color

In a RGB color space, hex #caf300 is composed of 79.2% red, 95.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 100% yellow and 4.7% black. It has a hue angle of 70.1 degrees, a saturation of 100% and a lightness of 47.6%. #caf300 color hex could be obtained by blending #ffff00 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

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

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

Hex triplet	caf300	`#caf300`
RGB Decimal	202, 243, 0	`rgb(202,243,0)`
RGB Percent	79.2, 95.3, 0	`rgb(79.2%,95.3%,0%)`
CMYK	17, 0, 100, 5
HSL	70.1°, 100, 47.6	`hsl(70.1,100%,47.6%)`
HSV (or HSB)	70.1°, 100, 95.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.164, -37.422, 87.621
XYZ	56.407, 76.657, 11.825
xyY	0.389, 0.529, 76.657
CIE-LCH	90.164, 95.277, 113.127
CIE-LUV	90.164, -18.913, 102.288
Hunter-Lab	87.554, -38.22, 53.28
Binary	11001010, 11110011, 00000000

#caf300
```
#caf300 rgb(202,243,0)
```
#2900f3
```
#2900f3 rgb(41,0,243)
```

Complementary Color

#f3a300
```
#f3a300 rgb(243,163,0)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#51f300
```
#51f300 rgb(81,243,0)
```

Analogous Color

#a300f3
```
#a300f3 rgb(163,0,243)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#0051f3
```
#0051f3 rgb(0,81,243)
```

Split Complementary Color

#f300ca
```
#f300ca rgb(243,0,202)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#00caf3
```
#00caf3 rgb(0,202,243)
```

Triadic Color

#f32900
```
#f32900 rgb(243,41,0)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#00caf3
```
#00caf3 rgb(0,202,243)
```
#2900f3
```
#2900f3 rgb(41,0,243)
```

Tetradic Color

#8aa700
```
#8aa700 rgb(138,167,0)
```
#a0c000
```
#a0c000 rgb(160,192,0)
```
#b5da00
```
#b5da00 rgb(181,218,0)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#d6ff0e
```
#d6ff0e rgb(214,255,14)
```
#dbff27
```
#dbff27 rgb(219,255,39)
```
#dfff41
```
#dfff41 rgb(223,255,65)
```

Monochromatic Color

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

#f3df00
```
#f3df00 rgb(243,223,0)
```
#f3f300
```
#f3f300 rgb(243,243,0)
```
#def300
```
#def300 rgb(222,243,0)
```
#caf300
```
#caf300 rgb(202,243,0)
```
#b6f300
```
#b6f300 rgb(182,243,0)
```
#a2f300
```
#a2f300 rgb(162,243,0)
```
#8df300
```
#8df300 rgb(141,243,0)
```

Similar Colors

Text with hexadecimal color #caf300

This text has a font color of #caf300.

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

#caf300 background color

This paragraph has a background color of #caf300.

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

#caf300 border color

This element has a border color of #caf300.

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

CSS codes

.text {color:#caf300;}

.background {background-color:#caf300;}

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

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

#060800
```
#060800 rgb(6,8,0)
```
#171b00
```
#171b00 rgb(23,27,0)
```
#272f00
```
#272f00 rgb(39,47,0)
```
#374200
```
#374200 rgb(55,66,0)
```
#485600
```
#485600 rgb(72,86,0)
```
#586a00
```
#586a00 rgb(88,106,0)
```
#687d00
```
#687d00 rgb(104,125,0)
```
#789100
```
#789100 rgb(120,145,0)
```
#89a500
```
#89a500 rgb(137,165,0)
```
#99b800
```
#99b800 rgb(153,184,0)
```
#a9cc00
```
#a9cc00 rgb(169,204,0)
```
#badf00
```
#badf00 rgb(186,223,0)
```
#caf300
```
#caf300 rgb(202,243,0)
```

Shade Color Variation

#d5ff08
```
#d5ff08 rgb(213,255,8)
```
#d9ff1b
```
#d9ff1b rgb(217,255,27)
```
#dcff2f
```
#dcff2f rgb(220,255,47)
```
#dfff42
```
#dfff42 rgb(223,255,66)
```
#e2ff56
```
#e2ff56 rgb(226,255,86)
```
#e6ff6a
```
#e6ff6a rgb(230,255,106)
```
#e9ff7d
```
#e9ff7d rgb(233,255,125)
```
#ecff91
```
#ecff91 rgb(236,255,145)
```
#f0ffa5
```
#f0ffa5 rgb(240,255,165)
```
#f3ffb8
```
#f3ffb8 rgb(243,255,184)
```
#f6ffcc
```
#f6ffcc rgb(246,255,204)
```
#faffdf
```
#faffdf rgb(250,255,223)
```
#fdfff3
```
#fdfff3 rgb(253,255,243)
```

Tint Color Variation

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

#808370
```
#808370 rgb(128,131,112)
```
#868c67
```
#868c67 rgb(134,140,103)
```
#8c965d
```
#8c965d rgb(140,150,93)
```
#929f54
```
#929f54 rgb(146,159,84)
```
#98a84b
```
#98a84b rgb(152,168,75)
```
#9fb241
```
#9fb241 rgb(159,178,65)
```
#a5bb38
```
#a5bb38 rgb(165,187,56)
```
#abc42f
```
#abc42f rgb(171,196,47)
```
#b1ce25
```
#b1ce25 rgb(177,206,37)
```
#b7d71c
```
#b7d71c rgb(183,215,28)
```
#bee013
```
#bee013 rgb(190,224,19)
```
#c4ea09
```
#c4ea09 rgb(196,234,9)
```
#caf300
```
#caf300 rgb(202,243,0)
```

Tone Color Variation

Below, you can see how #caf300 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
#cbd3a2 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
#d9e99a Tritanomaly 0.01% of the population

#caf300 hex color

#caf300 Color Information

#caf300 Color Conversion

Color Schemes with #caf300

Alternatives to #caf300

#caf300 Preview

Shades and Tints of #caf300

Tones of #caf300

Color Blindness Simulator