#21baf4 Color Information
In a RGB color space, hex #21baf4 is composed of 12.9% red, 72.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 23.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 196.5 degrees, a saturation of 90.6% and a lightness of 54.3%. #21baf4 color hex could be obtained by blending #42ffff with #0075e9. Closest websafe color is: #33ccff.
-
- R 13
- G 73
- B 96
-
- C 86
- M 24
- Y 0
- K 4
● #21baf4 color description : Vivid blue.
#21baf4 Color Conversion
The hexadecimal color #21baf4 has RGB values of R:33, G:186, B:244 and CMYK values of C:0.86, M:0.24, Y:0, K:0.04. Its decimal value is 2210548.
Hex triplet | 21baf4 | #21baf4 |
---|---|---|
RGB Decimal | 33, 186, 244 | rgb(33,186,244) |
RGB Percent | 12.9, 72.9, 95.7 | rgb(12.9%,72.9%,95.7%) |
CMYK | 86, 24, 0, 4 | |
HSL | 196.5°, 90.6, 54.3 | hsl(196.5,90.6%,54.3%) |
HSV (or HSB) | 196.5°, 86.5, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.85, -17.648, -39.244 |
---|---|
XYZ | 34.511, 41.97, 91.865 |
xyY | 0.205, 0.249, 41.97 |
CIE-LCH | 70.85, 43.029, 245.787 |
CIE-LUV | 70.85, -46.909, -61.112 |
Hunter-Lab | 64.784, -18.283, -38.726 |
Binary | 00100001, 10111010, 11110100 |
Color Schemes with #21baf4
Alternatives to #21baf4
Below, you can see some colors close to #21baf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21baf4 Preview
This text has a font color of #21baf4.
<span style="color:#21baf4;">Text here</span>
This paragraph has a background color of #21baf4.
<p style="background-color:#21baf4;">Content here</p>
This element has a border color of #21baf4.
<div style="border:1px solid #21baf4;">Content here</div>
.text {color:#21baf4;}
.background {background-color:#21baf4;}
.border {border:1px solid #21baf4;}
Shades and Tints of #21baf4
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 #effafe is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#010f15
#010f15
rgb(1,15,21)
-
#021d28
#021d28
rgb(2,29,40)
-
#032b3a
#032b3a
rgb(3,43,58)
-
#04394d
#04394d
rgb(4,57,77)
-
#054760
#054760
rgb(5,71,96)
-
#065572
#065572
rgb(6,85,114)
-
#076285
#076285
rgb(7,98,133)
-
#087098
#087098
rgb(8,112,152)
-
#087eaa
#087eaa
rgb(8,126,170)
-
#098cbd
#098cbd
rgb(9,140,189)
-
#0a9ad0
#0a9ad0
rgb(10,154,208)
-
#0ba7e3
#0ba7e3
rgb(11,167,227)
-
#0eb4f3
#0eb4f3
rgb(14,180,243)
-
#21baf4
#21baf4
rgb(33,186,244)
-
#34c0f5
#34c0f5
rgb(52,192,245)
-
#46c6f6
#46c6f6
rgb(70,198,246)
-
#59cbf7
#59cbf7
rgb(89,203,247)
-
#6cd1f8
#6cd1f8
rgb(108,209,248)
-
#7ed7f9
#7ed7f9
rgb(126,215,249)
-
#91ddfa
#91ddfa
rgb(145,221,250)
-
#a4e3fa
#a4e3fa
rgb(164,227,250)
-
#b7e8fb
#b7e8fb
rgb(183,232,251)
-
#c9eefc
#c9eefc
rgb(201,238,252)
-
#dcf4fd
#dcf4fd
rgb(220,244,253)
-
#effafe
#effafe
rgb(239,250,254)
Tones of #21baf4
A tone is produced by adding gray to any pure hue. In this case, #848e91 is the less saturated color, while #18befd is the most saturated one.
-
#848e91
#848e91
rgb(132,142,145)
-
#7b929a
#7b929a
rgb(123,146,154)
-
#7296a3
#7296a3
rgb(114,150,163)
-
#699aac
#699aac
rgb(105,154,172)
-
#609eb5
#609eb5
rgb(96,158,181)
-
#57a2be
#57a2be
rgb(87,162,190)
-
#4ea6c7
#4ea6c7
rgb(78,166,199)
-
#45aad0
#45aad0
rgb(69,170,208)
-
#3caed9
#3caed9
rgb(60,174,217)
-
#33b2e2
#33b2e2
rgb(51,178,226)
-
#2ab6eb
#2ab6eb
rgb(42,182,235)
-
#21baf4
#21baf4
rgb(33,186,244)
-
#18befd
#18befd
rgb(24,190,253)
Color Blindness Simulator
Below, you can see how #21baf4 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.