#21b4f6 Color Information
In a RGB color space, hex #21b4f6 is composed of 12.9% red, 70.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 26.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.6 degrees, a saturation of 92.2% and a lightness of 54.7%. #21b4f6 color hex could be obtained by blending #42ffff with #0069ed. Closest websafe color is: #33ccff.
-
- R 13
- G 71
- B 96
-
- C 87
- M 27
- Y 0
- K 4
● #21b4f6 color description : Vivid blue.
#21b4f6 Color Conversion
The hexadecimal color #21b4f6 has RGB values of R:33, G:180, B:246 and CMYK values of C:0.87, M:0.27, Y:0, K:0.04. Its decimal value is 2209014.
Hex triplet | 21b4f6 | #21b4f6 |
---|---|---|
RGB Decimal | 33, 180, 246 | rgb(33,180,246) |
RGB Percent | 12.9, 70.6, 96.5 | rgb(12.9%,70.6%,96.5%) |
CMYK | 87, 27, 0, 4 | |
HSL | 198.6°, 92.2, 54.7 | hsl(198.6,92.2%,54.7%) |
HSV (or HSB) | 198.6°, 86.6, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.196, -13.758, -42.912 |
---|---|
XYZ | 33.579, 39.617, 93.061 |
xyY | 0.202, 0.238, 39.617 |
CIE-LCH | 69.196, 45.064, 252.224 |
CIE-LUV | 69.196, -44.756, -67.675 |
Hunter-Lab | 62.942, -14.92, -43.602 |
Binary | 00100001, 10110100, 11110110 |
Color Schemes with #21b4f6
Alternatives to #21b4f6
Below, you can see some colors close to #21b4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21b4f6 Preview
This text has a font color of #21b4f6.
<span style="color:#21b4f6;">Text here</span>
This paragraph has a background color of #21b4f6.
<p style="background-color:#21b4f6;">Content here</p>
This element has a border color of #21b4f6.
<div style="border:1px solid #21b4f6;">Content here</div>
.text {color:#21b4f6;}
.background {background-color:#21b4f6;}
.border {border:1px solid #21b4f6;}
Shades and Tints of #21b4f6
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, #000304 is the darkest color, while #f0fafe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#011017
#011017
rgb(1,16,23)
-
#021d2a
#021d2a
rgb(2,29,42)
-
#022b3d
#022b3d
rgb(2,43,61)
-
#033850
#033850
rgb(3,56,80)
-
#044562
#044562
rgb(4,69,98)
-
#055275
#055275
rgb(5,82,117)
-
#066088
#066088
rgb(6,96,136)
-
#066d9b
#066d9b
rgb(6,109,155)
-
#077aae
#077aae
rgb(7,122,174)
-
#0887c1
#0887c1
rgb(8,135,193)
-
#0995d4
#0995d4
rgb(9,149,212)
-
#09a2e6
#09a2e6
rgb(9,162,230)
-
#0eaef5
#0eaef5
rgb(14,174,245)
-
#21b4f6
#21b4f6
rgb(33,180,246)
-
#34baf7
#34baf7
rgb(52,186,247)
-
#47c1f8
#47c1f8
rgb(71,193,248)
-
#5ac7f8
#5ac7f8
rgb(90,199,248)
-
#6ccdf9
#6ccdf9
rgb(108,205,249)
-
#7fd4fa
#7fd4fa
rgb(127,212,250)
-
#92dafb
#92dafb
rgb(146,218,251)
-
#a5e1fb
#a5e1fb
rgb(165,225,251)
-
#b8e7fc
#b8e7fc
rgb(184,231,252)
-
#cbedfd
#cbedfd
rgb(203,237,253)
-
#def4fe
#def4fe
rgb(222,244,254)
-
#f0fafe
#f0fafe
rgb(240,250,254)
Tones of #21b4f6
A tone is produced by adding gray to any pure hue. In this case, #838f94 is the less saturated color, while #18b7ff is the most saturated one.
-
#838f94
#838f94
rgb(131,143,148)
-
#7a929d
#7a929d
rgb(122,146,157)
-
#7196a6
#7196a6
rgb(113,150,166)
-
#6899af
#6899af
rgb(104,153,175)
-
#5f9cb8
#5f9cb8
rgb(95,156,184)
-
#56a0c1
#56a0c1
rgb(86,160,193)
-
#4da3ca
#4da3ca
rgb(77,163,202)
-
#45a6d2
#45a6d2
rgb(69,166,210)
-
#3caadb
#3caadb
rgb(60,170,219)
-
#33ade4
#33ade4
rgb(51,173,228)
-
#2ab1ed
#2ab1ed
rgb(42,177,237)
-
#21b4f6
#21b4f6
rgb(33,180,246)
-
#18b7ff
#18b7ff
rgb(24,183,255)
Color Blindness Simulator
Below, you can see how #21b4f6 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.