#caf700 Color Information
In a RGB color space, hex #caf700 is composed of 79.2% red, 96.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 100% yellow and 3.1% black. It has a hue angle of 70.9 degrees, a saturation of 100% and a lightness of 48.4%. #caf700 color hex could be obtained by blending #ffff00 with #95ef00. Closest websafe color is: #ccff00.
-
- R 79
- G 97
- B 0
-
- C 18
- M 0
- Y 100
- K 3
● #caf700 color description : Pure (or mostly pure) yellow.
#caf700 Color Conversion
The hexadecimal color #caf700 has RGB values of R:202, G:247, B:0 and CMYK values of C:0.18, M:0, Y:1, K:0.03. Its decimal value is 13301504.
Hex triplet | caf700 | #caf700 |
---|---|---|
RGB Decimal | 202, 247, 0 | rgb(202,247,0) |
RGB Percent | 79.2, 96.9, 0 | rgb(79.2%,96.9%,0%) |
CMYK | 18, 0, 100, 3 | |
HSL | 70.9°, 100, 48.4 | hsl(70.9,100%,48.4%) |
HSV (or HSB) | 70.9°, 100, 96.9 | |
Web Safe | ccff00 | #ccff00 |
CIE-LAB | 91.269, -39.204, 88.454 |
---|---|
XYZ | 57.617, 79.077, 12.228 |
xyY | 0.387, 0.531, 79.077 |
CIE-LCH | 91.269, 96.753, 113.904 |
CIE-LUV | 91.269, -21.18, 103.79 |
Hunter-Lab | 88.926, -39.964, 54.095 |
Binary | 11001010, 11110111, 00000000 |
Color Schemes with #caf700
Alternatives to #caf700
Below, you can see some colors close to #caf700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf700 Preview
This text has a font color of #caf700.
<span style="color:#caf700;">Text here</span>
This paragraph has a background color of #caf700.
<p style="background-color:#caf700;">Content here</p>
This element has a border color of #caf700.
<div style="border:1px solid #caf700;">Content here</div>
.text {color:#caf700;}
.background {background-color:#caf700;}
.border {border:1px solid #caf700;}
Shades and Tints of #caf700
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, #090c00 is the darkest color, while #fefff7 is the lightest one.
-
#090c00
#090c00
rgb(9,12,0)
-
#1a1f00
#1a1f00
rgb(26,31,0)
-
#2a3300
#2a3300
rgb(42,51,0)
-
#3a4600
#3a4600
rgb(58,70,0)
-
#4a5a00
#4a5a00
rgb(74,90,0)
-
#5a6e00
#5a6e00
rgb(90,110,0)
-
#6a8100
#6a8100
rgb(106,129,0)
-
#7a9500
#7a9500
rgb(122,149,0)
-
#8aa900
#8aa900
rgb(138,169,0)
-
#9abc00
#9abc00
rgb(154,188,0)
-
#aad000
#aad000
rgb(170,208,0)
-
#bae300
#bae300
rgb(186,227,0)
-
#caf700
#caf700
rgb(202,247,0)
-
#d3ff0c
#d3ff0c
rgb(211,255,12)
-
#d6ff1f
#d6ff1f
rgb(214,255,31)
-
#daff33
#daff33
rgb(218,255,51)
-
#ddff46
#ddff46
rgb(221,255,70)
-
#e1ff5a
#e1ff5a
rgb(225,255,90)
-
#e5ff6e
#e5ff6e
rgb(229,255,110)
-
#e8ff81
#e8ff81
rgb(232,255,129)
-
#ecff95
#ecff95
rgb(236,255,149)
-
#efffa9
#efffa9
rgb(239,255,169)
-
#f3ffbc
#f3ffbc
rgb(243,255,188)
-
#f6ffd0
#f6ffd0
rgb(246,255,208)
-
#faffe3
#faffe3
rgb(250,255,227)
-
#fefff7
#fefff7
rgb(254,255,247)
Tones of #caf700
A tone is produced by adding gray to any pure hue. In this case, #828572 is the less saturated color, while #caf700 is the most saturated one.
-
#828572
#828572
rgb(130,133,114)
-
#888f69
#888f69
rgb(136,143,105)
-
#8e985f
#8e985f
rgb(142,152,95)
-
#94a256
#94a256
rgb(148,162,86)
-
#9aab4c
#9aab4c
rgb(154,171,76)
-
#a0b543
#a0b543
rgb(160,181,67)
-
#a6be39
#a6be39
rgb(166,190,57)
-
#acc830
#acc830
rgb(172,200,48)
-
#b2d126
#b2d126
rgb(178,209,38)
-
#b8db1d
#b8db1d
rgb(184,219,29)
-
#bee413
#bee413
rgb(190,228,19)
-
#c4ee0a
#c4ee0a
rgb(196,238,10)
-
#caf700
#caf700
rgb(202,247,0)
Color Blindness Simulator
Below, you can see how #caf700 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.