#22b2da Color Information
In a RGB color space, hex #22b2da is composed of 13.3% red, 69.8% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 18.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 193 degrees, a saturation of 73% and a lightness of 49.4%. #22b2da color hex could be obtained by blending #44ffff with #0065b5. Closest websafe color is: #3399cc.
-
- R 13
- G 70
- B 85
-
- C 84
- M 18
- Y 0
- K 15
● #22b2da color description : Bright cyan.
#22b2da Color Conversion
The hexadecimal color #22b2da has RGB values of R:34, G:178, B:218 and CMYK values of C:0.84, M:0.18, Y:0, K:0.15. Its decimal value is 2274010.
Hex triplet | 22b2da | #22b2da |
---|---|---|
RGB Decimal | 34, 178, 218 | rgb(34,178,218) |
RGB Percent | 13.3, 69.8, 85.5 | rgb(13.3%,69.8%,85.5%) |
CMYK | 84, 18, 0, 15 | |
HSL | 193°, 73, 49.4 | hsl(193,73%,49.4%) |
HSV (or HSB) | 193°, 84.4, 85.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 67.457, -22.227, -30.33 |
---|---|
XYZ | 29.232, 37.24, 71.973 |
xyY | 0.211, 0.269, 37.24 |
CIE-LCH | 67.457, 37.602, 233.765 |
CIE-LUV | 67.457, -45.92, -45.023 |
Hunter-Lab | 61.025, -21.289, -27.21 |
Binary | 00100010, 10110010, 11011010 |
Color Schemes with #22b2da
Alternatives to #22b2da
Below, you can see some colors close to #22b2da. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b2da Preview
This text has a font color of #22b2da.
<span style="color:#22b2da;">Text here</span>
This paragraph has a background color of #22b2da.
<p style="background-color:#22b2da;">Content here</p>
This element has a border color of #22b2da.
<div style="border:1px solid #22b2da;">Content here</div>
.text {color:#22b2da;}
.background {background-color:#22b2da;}
.border {border:1px solid #22b2da;}
Shades and Tints of #22b2da
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, #020c0e is the darkest color, while #fcfeff is the lightest one.
-
#020c0e
#020c0e
rgb(2,12,14)
-
#051a1f
#051a1f
rgb(5,26,31)
-
#082730
#082730
rgb(8,39,48)
-
#0a3541
#0a3541
rgb(10,53,65)
-
#0d4352
#0d4352
rgb(13,67,82)
-
#0f5163
#0f5163
rgb(15,81,99)
-
#125f74
#125f74
rgb(18,95,116)
-
#156d85
#156d85
rgb(21,109,133)
-
#177b96
#177b96
rgb(23,123,150)
-
#1a88a7
#1a88a7
rgb(26,136,167)
-
#1d96b8
#1d96b8
rgb(29,150,184)
-
#1fa4c9
#1fa4c9
rgb(31,164,201)
-
#22b2da
#22b2da
rgb(34,178,218)
-
#31b9df
#31b9df
rgb(49,185,223)
-
#42bfe1
#42bfe1
rgb(66,191,225)
-
#53c5e4
#53c5e4
rgb(83,197,228)
-
#64cae7
#64cae7
rgb(100,202,231)
-
#75d0e9
#75d0e9
rgb(117,208,233)
-
#86d6ec
#86d6ec
rgb(134,214,236)
-
#97dcef
#97dcef
rgb(151,220,239)
-
#a8e1f1
#a8e1f1
rgb(168,225,241)
-
#b9e7f4
#b9e7f4
rgb(185,231,244)
-
#c9edf7
#c9edf7
rgb(201,237,247)
-
#daf3f9
#daf3f9
rgb(218,243,249)
-
#ebf8fc
#ebf8fc
rgb(235,248,252)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #22b2da
A tone is produced by adding gray to any pure hue. In this case, #798183 is the less saturated color, while #05c2f7 is the most saturated one.
-
#798183
#798183
rgb(121,129,131)
-
#70868c
#70868c
rgb(112,134,140)
-
#668c96
#668c96
rgb(102,140,150)
-
#5c91a0
#5c91a0
rgb(92,145,160)
-
#5297aa
#5297aa
rgb(82,151,170)
-
#499cb3
#499cb3
rgb(73,156,179)
-
#3fa2bd
#3fa2bd
rgb(63,162,189)
-
#35a7c7
#35a7c7
rgb(53,167,199)
-
#2cadd0
#2cadd0
rgb(44,173,208)
-
#22b2da
#22b2da
rgb(34,178,218)
-
#18b7e4
#18b7e4
rgb(24,183,228)
-
#0fbded
#0fbded
rgb(15,189,237)
-
#05c2f7
#05c2f7
rgb(5,194,247)
Color Blindness Simulator
Below, you can see how #22b2da 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.