#21b8f0 Color Information
In a RGB color space, hex #21b8f0 is composed of 12.9% red, 72.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 23.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 196.2 degrees, a saturation of 87.3% and a lightness of 53.5%. #21b8f0 color hex could be obtained by blending #42ffff with #0071e1. Closest websafe color is: #33ccff.
-
- R 13
- G 72
- B 94
-
- C 86
- M 23
- Y 0
- K 6
● #21b8f0 color description : Vivid blue.
#21b8f0 Color Conversion
The hexadecimal color #21b8f0 has RGB values of R:33, G:184, B:240 and CMYK values of C:0.86, M:0.23, Y:0, K:0.06. Its decimal value is 2210032.
Hex triplet | 21b8f0 | #21b8f0 |
---|---|---|
RGB Decimal | 33, 184, 240 | rgb(33,184,240) |
RGB Percent | 12.9, 72.2, 94.1 | rgb(12.9%,72.2%,94.1%) |
CMYK | 86, 23, 0, 6 | |
HSL | 196.2°, 87.3, 53.5 | hsl(196.2,87.3%,53.5%) |
HSV (or HSB) | 196.2°, 86.3, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.1, -17.964, -38.242 |
---|---|
XYZ | 33.492, 40.892, 88.561 |
xyY | 0.206, 0.251, 40.892 |
CIE-LCH | 70.1, 42.251, 244.839 |
CIE-LUV | 70.1, -46.51, -59.272 |
Hunter-Lab | 63.947, -18.42, -37.348 |
Binary | 00100001, 10111000, 11110000 |
Color Schemes with #21b8f0
Alternatives to #21b8f0
Below, you can see some colors close to #21b8f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21b8f0 Preview
This text has a font color of #21b8f0.
<span style="color:#21b8f0;">Text here</span>
This paragraph has a background color of #21b8f0.
<p style="background-color:#21b8f0;">Content here</p>
This element has a border color of #21b8f0.
<div style="border:1px solid #21b8f0;">Content here</div>
.text {color:#21b8f0;}
.background {background-color:#21b8f0;}
.border {border:1px solid #21b8f0;}
Shades and Tints of #21b8f0
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, #010d11 is the darkest color, while #fdffff is the lightest one.
-
#010d11
#010d11
rgb(1,13,17)
-
#021a23
#021a23
rgb(2,26,35)
-
#042836
#042836
rgb(4,40,54)
-
#053648
#053648
rgb(5,54,72)
-
#06445a
#06445a
rgb(6,68,90)
-
#07516d
#07516d
rgb(7,81,109)
-
#095f7f
#095f7f
rgb(9,95,127)
-
#0a6d91
#0a6d91
rgb(10,109,145)
-
#0b7ba4
#0b7ba4
rgb(11,123,164)
-
#0c88b6
#0c88b6
rgb(12,136,182)
-
#0e96c9
#0e96c9
rgb(14,150,201)
-
#0fa4db
#0fa4db
rgb(15,164,219)
-
#10b1ed
#10b1ed
rgb(16,177,237)
-
#21b8f0
#21b8f0
rgb(33,184,240)
-
#33bef1
#33bef1
rgb(51,190,241)
-
#46c4f2
#46c4f2
rgb(70,196,242)
-
#58caf4
#58caf4
rgb(88,202,244)
-
#6ad0f5
#6ad0f5
rgb(106,208,245)
-
#7dd5f6
#7dd5f6
rgb(125,213,246)
-
#8fdbf7
#8fdbf7
rgb(143,219,247)
-
#a2e1f9
#a2e1f9
rgb(162,225,249)
-
#b4e7fa
#b4e7fa
rgb(180,231,250)
-
#c6edfb
#c6edfb
rgb(198,237,251)
-
#d9f3fc
#d9f3fc
rgb(217,243,252)
-
#ebf9fe
#ebf9fe
rgb(235,249,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #21b8f0
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18bcf9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8e95
#7c8e95
rgb(124,142,149)
-
#73929e
#73929e
rgb(115,146,158)
-
#6a97a7
#6a97a7
rgb(106,151,167)
-
#619bb0
#619bb0
rgb(97,155,176)
-
#589fb9
#589fb9
rgb(88,159,185)
-
#4fa3c2
#4fa3c2
rgb(79,163,194)
-
#45a7cc
#45a7cc
rgb(69,167,204)
-
#3cabd5
#3cabd5
rgb(60,171,213)
-
#33b0de
#33b0de
rgb(51,176,222)
-
#2ab4e7
#2ab4e7
rgb(42,180,231)
-
#21b8f0
#21b8f0
rgb(33,184,240)
-
#18bcf9
#18bcf9
rgb(24,188,249)
Color Blindness Simulator
Below, you can see how #21b8f0 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.