#22bbde Color Information
In a RGB color space, hex #22bbde is composed of 13.3% red, 73.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 15.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 191.2 degrees, a saturation of 74% and a lightness of 50.2%. #22bbde color hex could be obtained by blending #44ffff with #0077bd. Closest websafe color is: #33cccc.
-
- R 13
- G 73
- B 87
-
- C 85
- M 16
- Y 0
- K 13
● #22bbde color description : Bright cyan.
#22bbde Color Conversion
The hexadecimal color #22bbde has RGB values of R:34, G:187, B:222 and CMYK values of C:0.85, M:0.16, Y:0, K:0.13. Its decimal value is 2276318.
Hex triplet | 22bbde | #22bbde |
---|---|---|
RGB Decimal | 34, 187, 222 | rgb(34,187,222) |
RGB Percent | 13.3, 73.3, 87.1 | rgb(13.3%,73.3%,87.1%) |
CMYK | 85, 16, 0, 13 | |
HSL | 191.2°, 74, 50.2 | hsl(191.2,74%,50.2%) |
HSV (or HSB) | 191.2°, 84.7, 87.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.282, -25.484, -28.166 |
---|---|
XYZ | 31.611, 41.152, 75.38 |
xyY | 0.213, 0.278, 41.152 |
CIE-LCH | 70.282, 37.984, 227.861 |
CIE-LUV | 70.282, -48.731, -41.184 |
Hunter-Lab | 64.15, -24.302, -24.765 |
Binary | 00100010, 10111011, 11011110 |
Color Schemes with #22bbde
Alternatives to #22bbde
Below, you can see some colors close to #22bbde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bbde Preview
This text has a font color of #22bbde.
<span style="color:#22bbde;">Text here</span>
This paragraph has a background color of #22bbde.
<p style="background-color:#22bbde;">Content here</p>
This element has a border color of #22bbde.
<div style="border:1px solid #22bbde;">Content here</div>
.text {color:#22bbde;}
.background {background-color:#22bbde;}
.border {border:1px solid #22bbde;}
Shades and Tints of #22bbde
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, #000101 is the darkest color, while #effafd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030f12
#030f12
rgb(3,15,18)
-
#051d23
#051d23
rgb(5,29,35)
-
#082c34
#082c34
rgb(8,44,52)
-
#0a3a45
#0a3a45
rgb(10,58,69)
-
#0d4956
#0d4956
rgb(13,73,86)
-
#0f5767
#0f5767
rgb(15,87,103)
-
#126578
#126578
rgb(18,101,120)
-
#157489
#157489
rgb(21,116,137)
-
#17829a
#17829a
rgb(23,130,154)
-
#1a90ac
#1a90ac
rgb(26,144,172)
-
#1c9fbd
#1c9fbd
rgb(28,159,189)
-
#1fadce
#1fadce
rgb(31,173,206)
-
#22bbde
#22bbde
rgb(34,187,222)
-
#33c0e1
#33c0e1
rgb(51,192,225)
-
#44c6e3
#44c6e3
rgb(68,198,227)
-
#55cbe6
#55cbe6
rgb(85,203,230)
-
#66d0e8
#66d0e8
rgb(102,208,232)
-
#77d5eb
#77d5eb
rgb(119,213,235)
-
#88dbed
#88dbed
rgb(136,219,237)
-
#99e0f0
#99e0f0
rgb(153,224,240)
-
#abe5f2
#abe5f2
rgb(171,229,242)
-
#bceaf5
#bceaf5
rgb(188,234,245)
-
#cdf0f7
#cdf0f7
rgb(205,240,247)
-
#def5fa
#def5fa
rgb(222,245,250)
-
#effafd
#effafd
rgb(239,250,253)
Tones of #22bbde
A tone is produced by adding gray to any pure hue. In this case, #7a8486 is the less saturated color, while #05cdfb is the most saturated one.
-
#7a8486
#7a8486
rgb(122,132,134)
-
#708a90
#708a90
rgb(112,138,144)
-
#66909a
#66909a
rgb(102,144,154)
-
#5d96a3
#5d96a3
rgb(93,150,163)
-
#539cad
#539cad
rgb(83,156,173)
-
#49a2b7
#49a2b7
rgb(73,162,183)
-
#3fa9c1
#3fa9c1
rgb(63,169,193)
-
#36afca
#36afca
rgb(54,175,202)
-
#2cb5d4
#2cb5d4
rgb(44,181,212)
-
#22bbde
#22bbde
rgb(34,187,222)
-
#18c1e8
#18c1e8
rgb(24,193,232)
-
#0ec7f2
#0ec7f2
rgb(14,199,242)
-
#05cdfb
#05cdfb
rgb(5,205,251)
Color Blindness Simulator
Below, you can see how #22bbde 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.