#caf344 Color Information
In a RGB color space, hex #caf344 is composed of 79.2% red, 95.3% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 72% yellow and 4.7% black. It has a hue angle of 74.1 degrees, a saturation of 87.9% and a lightness of 61%. #caf344 color hex could be obtained by blending #ffff88 with #95e700. Closest websafe color is: #ccff33.
-
- R 79
- G 95
- B 27
-
- C 17
- M 0
- Y 72
- K 5
● #caf344 color description : Bright yellow.
#caf344 Color Conversion
The hexadecimal color #caf344 has RGB values of R:202, G:243, B:68 and CMYK values of C:0.17, M:0, Y:0.72, K:0.05. Its decimal value is 13300548.
Hex triplet | caf344 | #caf344 |
---|---|---|
RGB Decimal | 202, 243, 68 | rgb(202,243,68) |
RGB Percent | 79.2, 95.3, 26.7 | rgb(79.2%,95.3%,26.7%) |
CMYK | 17, 0, 72, 5 | |
HSL | 74.1°, 87.9, 61 | hsl(74.1,87.9%,61%) |
HSV (or HSB) | 74.1°, 72, 95.3 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.356, -35.676, 75.009 |
---|---|
XYZ | 57.45, 77.075, 17.319 |
xyY | 0.378, 0.508, 77.075 |
CIE-LCH | 90.356, 83.061, 115.437 |
CIE-LUV | 90.356, -19.092, 93.727 |
Hunter-Lab | 87.792, -36.827, 49.758 |
Binary | 11001010, 11110011, 01000100 |
Color Schemes with #caf344
Alternatives to #caf344
Below, you can see some colors close to #caf344. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caf344 Preview
This text has a font color of #caf344.
<span style="color:#caf344;">Text here</span>
This paragraph has a background color of #caf344.
<p style="background-color:#caf344;">Content here</p>
This element has a border color of #caf344.
<div style="border:1px solid #caf344;">Content here</div>
.text {color:#caf344;}
.background {background-color:#caf344;}
.border {border:1px solid #caf344;}
Shades and Tints of #caf344
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, #0c1001 is the darkest color, while #fefffc is the lightest one.
-
#0c1001
#0c1001
rgb(12,16,1)
-
#1b2202
#1b2202
rgb(27,34,2)
-
#293503
#293503
rgb(41,53,3)
-
#374705
#374705
rgb(55,71,5)
-
#465906
#465906
rgb(70,89,6)
-
#546c07
#546c07
rgb(84,108,7)
-
#637e08
#637e08
rgb(99,126,8)
-
#719109
#719109
rgb(113,145,9)
-
#7fa30a
#7fa30a
rgb(127,163,10)
-
#8eb60c
#8eb60c
rgb(142,182,12)
-
#9cc80d
#9cc80d
rgb(156,200,13)
-
#abdb0e
#abdb0e
rgb(171,219,14)
-
#b9ed0f
#b9ed0f
rgb(185,237,15)
-
#c0f11f
#c0f11f
rgb(192,241,31)
-
#c5f232
#c5f232
rgb(197,242,50)
-
#caf344
#caf344
rgb(202,243,68)
-
#cff456
#cff456
rgb(207,244,86)
-
#d4f569
#d4f569
rgb(212,245,105)
-
#daf77b
#daf77b
rgb(218,247,123)
-
#dff88e
#dff88e
rgb(223,248,142)
-
#e4f9a0
#e4f9a0
rgb(228,249,160)
-
#e9fab3
#e9fab3
rgb(233,250,179)
-
#effbc5
#effbc5
rgb(239,251,197)
-
#f4fcd7
#f4fcd7
rgb(244,252,215)
-
#f9feea
#f9feea
rgb(249,254,234)
-
#fefffc
#fefffc
rgb(254,255,252)
Tones of #caf344
A tone is produced by adding gray to any pure hue. In this case, #9d9f98 is the less saturated color, while #cefb3c is the most saturated one.
-
#9d9f98
#9d9f98
rgb(157,159,152)
-
#a1a691
#a1a691
rgb(161,166,145)
-
#a5ae89
#a5ae89
rgb(165,174,137)
-
#a9b681
#a9b681
rgb(169,182,129)
-
#aebd7a
#aebd7a
rgb(174,189,122)
-
#b2c572
#b2c572
rgb(178,197,114)
-
#b6cd6a
#b6cd6a
rgb(182,205,106)
-
#bad463
#bad463
rgb(186,212,99)
-
#bedc5b
#bedc5b
rgb(190,220,91)
-
#c2e453
#c2e453
rgb(194,228,83)
-
#c6eb4c
#c6eb4c
rgb(198,235,76)
-
#caf344
#caf344
rgb(202,243,68)
-
#cefb3c
#cefb3c
rgb(206,251,60)
Color Blindness Simulator
Below, you can see how #caf344 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.