#caf301 Color Information
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.
-
- R 79
- G 95
- B 0
-
- C 17
- M 0
- Y 100
- K 5
● #caf301 color description : Vivid yellow.
#caf301 Color Conversion
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 |
Color Schemes with #caf301
Alternatives to #caf301
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.
#caf301 Preview
This text has a font color of #caf301.
<span style="color:#caf301;">Text here</span>
This paragraph has a background color of #caf301.
<p style="background-color:#caf301;">Content here</p>
This element has a border color of #caf301.
<div style="border:1px solid #caf301;">Content here</div>
.text {color:#caf301;}
.background {background-color:#caf301;}
.border {border:1px solid #caf301;}
Shades and Tints of #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)
-
#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)
Tones of #caf301
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)
Color Blindness Simulator
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.