#24caf1 Color Information
In a RGB color space, hex #24caf1 is composed of 14.1% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 191.4 degrees, a saturation of 88% and a lightness of 54.3%. #24caf1 color hex could be obtained by blending #48ffff with #0095e3. Closest websafe color is: #33ccff.
-
- R 14
- G 79
- B 95
-
- C 85
- M 16
- Y 0
- K 5
● #24caf1 color description : Vivid cyan.
#24caf1 Color Conversion
The hexadecimal color #24caf1 has RGB values of R:36, G:202, B:241 and CMYK values of C:0.85, M:0.16, Y:0, K:0.05. Its decimal value is 2411249.
Hex triplet | 24caf1 | #24caf1 |
---|---|---|
RGB Decimal | 36, 202, 241 | rgb(36,202,241) |
RGB Percent | 14.1, 79.2, 94.5 | rgb(14.1%,79.2%,94.5%) |
CMYK | 85, 16, 0, 5 | |
HSL | 191.4°, 88, 54.3 | hsl(191.4,88%,54.3%) |
HSV (or HSB) | 191.4°, 85.1, 94.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.429, -26.65, -30.531 |
---|---|
XYZ | 37.721, 48.963, 90.677 |
xyY | 0.213, 0.276, 48.963 |
CIE-LCH | 75.429, 40.526, 228.883 |
CIE-LUV | 75.429, -52.307, -45.42 |
Hunter-Lab | 69.974, -26.23, -27.851 |
Binary | 00100100, 11001010, 11110001 |
Color Schemes with #24caf1
Alternatives to #24caf1
Below, you can see some colors close to #24caf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#24caf1 Preview
This text has a font color of #24caf1.
<span style="color:#24caf1;">Text here</span>
This paragraph has a background color of #24caf1.
<p style="background-color:#24caf1;">Content here</p>
This element has a border color of #24caf1.
<div style="border:1px solid #24caf1;">Content here</div>
.text {color:#24caf1;}
.background {background-color:#24caf1;}
.border {border:1px solid #24caf1;}
Shades and Tints of #24caf1
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, #000202 is the darkest color, while #effbfe is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#011115
#011115
rgb(1,17,21)
-
#032027
#032027
rgb(3,32,39)
-
#042f3a
#042f3a
rgb(4,47,58)
-
#053e4c
#053e4c
rgb(5,62,76)
-
#064e5e
#064e5e
rgb(6,78,94)
-
#075d71
#075d71
rgb(7,93,113)
-
#086c83
#086c83
rgb(8,108,131)
-
#0a7b96
#0a7b96
rgb(10,123,150)
-
#0b8aa8
#0b8aa8
rgb(11,138,168)
-
#0c99bb
#0c99bb
rgb(12,153,187)
-
#0da9cd
#0da9cd
rgb(13,169,205)
-
#0eb8df
#0eb8df
rgb(14,184,223)
-
#12c6f0
#12c6f0
rgb(18,198,240)
-
#24caf1
#24caf1
rgb(36,202,241)
-
#36cef2
#36cef2
rgb(54,206,242)
-
#49d3f3
#49d3f3
rgb(73,211,243)
-
#5bd7f5
#5bd7f5
rgb(91,215,245)
-
#6edcf6
#6edcf6
rgb(110,220,246)
-
#80e0f7
#80e0f7
rgb(128,224,247)
-
#93e5f8
#93e5f8
rgb(147,229,248)
-
#a5e9f9
#a5e9f9
rgb(165,233,249)
-
#b7eefa
#b7eefa
rgb(183,238,250)
-
#caf2fc
#caf2fc
rgb(202,242,252)
-
#dcf7fd
#dcf7fd
rgb(220,247,253)
-
#effbfe
#effbfe
rgb(239,251,254)
Tones of #24caf1
A tone is produced by adding gray to any pure hue. In this case, #878d8e is the less saturated color, while #1bd0fa is the most saturated one.
-
#878d8e
#878d8e
rgb(135,141,142)
-
#7e9297
#7e9297
rgb(126,146,151)
-
#7598a0
#7598a0
rgb(117,152,160)
-
#6c9ea9
#6c9ea9
rgb(108,158,169)
-
#63a3b2
#63a3b2
rgb(99,163,178)
-
#5aa9bb
#5aa9bb
rgb(90,169,187)
-
#51aec4
#51aec4
rgb(81,174,196)
-
#48b4cd
#48b4cd
rgb(72,180,205)
-
#3fb9d6
#3fb9d6
rgb(63,185,214)
-
#36bfdf
#36bfdf
rgb(54,191,223)
-
#2dc4e8
#2dc4e8
rgb(45,196,232)
-
#24caf1
#24caf1
rgb(36,202,241)
-
#1bd0fa
#1bd0fa
rgb(27,208,250)
Color Blindness Simulator
Below, you can see how #24caf1 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.