#21baf8 Color Information
In a RGB color space, hex #21baf8 is composed of 12.9% red, 72.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 25% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.3 degrees, a saturation of 93.9% and a lightness of 55.1%. #21baf8 color hex could be obtained by blending #42ffff with #0075f1. Closest websafe color is: #33ccff.
-
- R 13
- G 73
- B 97
-
- C 87
- M 25
- Y 0
- K 3
● #21baf8 color description : Vivid blue.
#21baf8 Color Conversion
The hexadecimal color #21baf8 has RGB values of R:33, G:186, B:248 and CMYK values of C:0.87, M:0.25, Y:0, K:0.03. Its decimal value is 2210552.
Hex triplet | 21baf8 | #21baf8 |
---|---|---|
RGB Decimal | 33, 186, 248 | rgb(33,186,248) |
RGB Percent | 12.9, 72.9, 97.3 | rgb(12.9%,72.9%,97.3%) |
CMYK | 87, 25, 0, 3 | |
HSL | 197.3°, 93.9, 55.1 | hsl(197.3,93.9%,55.1%) |
HSV (or HSB) | 197.3°, 86.7, 97.3 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.019, -16.273, -41.144 |
---|---|
XYZ | 35.125, 42.215, 95.099 |
xyY | 0.204, 0.245, 42.215 |
CIE-LCH | 71.019, 44.245, 248.42 |
CIE-LUV | 71.019, -46.634, -64.566 |
Hunter-Lab | 64.973, -17.205, -41.299 |
Binary | 00100001, 10111010, 11111000 |
Color Schemes with #21baf8
Alternatives to #21baf8
Below, you can see some colors close to #21baf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21baf8 Preview
This text has a font color of #21baf8.
<span style="color:#21baf8;">Text here</span>
This paragraph has a background color of #21baf8.
<p style="background-color:#21baf8;">Content here</p>
This element has a border color of #21baf8.
<div style="border:1px solid #21baf8;">Content here</div>
.text {color:#21baf8;}
.background {background-color:#21baf8;}
.border {border:1px solid #21baf8;}
Shades and Tints of #21baf8
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, #000406 is the darkest color, while #f2fbff is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#011219
#011219
rgb(1,18,25)
-
#01202c
#01202c
rgb(1,32,44)
-
#022e3f
#022e3f
rgb(2,46,63)
-
#033b52
#033b52
rgb(3,59,82)
-
#034965
#034965
rgb(3,73,101)
-
#045778
#045778
rgb(4,87,120)
-
#04648b
#04648b
rgb(4,100,139)
-
#05729e
#05729e
rgb(5,114,158)
-
#0680b1
#0680b1
rgb(6,128,177)
-
#068ec4
#068ec4
rgb(6,142,196)
-
#079bd7
#079bd7
rgb(7,155,215)
-
#07a9ea
#07a9ea
rgb(7,169,234)
-
#0eb4f7
#0eb4f7
rgb(14,180,247)
-
#21baf8
#21baf8
rgb(33,186,248)
-
#34c0f9
#34c0f9
rgb(52,192,249)
-
#47c6f9
#47c6f9
rgb(71,198,249)
-
#5accfa
#5accfa
rgb(90,204,250)
-
#6dd2fa
#6dd2fa
rgb(109,210,250)
-
#80d8fb
#80d8fb
rgb(128,216,251)
-
#93ddfc
#93ddfc
rgb(147,221,252)
-
#a6e3fc
#a6e3fc
rgb(166,227,252)
-
#b9e9fd
#b9e9fd
rgb(185,233,253)
-
#cceffd
#cceffd
rgb(204,239,253)
-
#dff5fe
#dff5fe
rgb(223,245,254)
-
#f2fbff
#f2fbff
rgb(242,251,255)
Tones of #21baf8
A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #21baf8 is the most saturated one.
-
#8b8d8e
#8b8d8e
rgb(139,141,142)
-
#829197
#829197
rgb(130,145,151)
-
#7995a0
#7995a0
rgb(121,149,160)
-
#7098a9
#7098a9
rgb(112,152,169)
-
#679cb2
#679cb2
rgb(103,156,178)
-
#5fa0ba
#5fa0ba
rgb(95,160,186)
-
#56a4c3
#56a4c3
rgb(86,164,195)
-
#4da7cc
#4da7cc
rgb(77,167,204)
-
#44abd5
#44abd5
rgb(68,171,213)
-
#3bafde
#3bafde
rgb(59,175,222)
-
#33b3e6
#33b3e6
rgb(51,179,230)
-
#2ab6ef
#2ab6ef
rgb(42,182,239)
-
#21baf8
#21baf8
rgb(33,186,248)
Color Blindness Simulator
Below, you can see how #21baf8 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.