#22a1b0 Color Information
In a RGB color space, hex #22a1b0 is composed of 13.3% red, 63.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 8.5% magenta, 0% yellow and 31% black. It has a hue angle of 186.3 degrees, a saturation of 67.6% and a lightness of 41.2%. #22a1b0 color hex could be obtained by blending #44ffff with #004361. Closest websafe color is: #339999.
-
- R 13
- G 63
- B 69
-
- C 81
- M 9
- Y 0
- K 31
● #22a1b0 color description : Dark cyan.
#22a1b0 Color Conversion
The hexadecimal color #22a1b0 has RGB values of R:34, G:161, B:176 and CMYK values of C:0.81, M:0.09, Y:0, K:0.31. Its decimal value is 2269616.
Hex triplet | 22a1b0 | #22a1b0 |
---|---|---|
RGB Decimal | 34, 161, 176 | rgb(34,161,176) |
RGB Percent | 13.3, 63.1, 69 | rgb(13.3%,63.1%,69%) |
CMYK | 81, 9, 0, 31 | |
HSL | 186.3°, 67.6, 41.2 | hsl(186.3,67.6%,41.2%) |
HSV (or HSB) | 186.3°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.748, -27.4, -17.247 |
---|---|
XYZ | 21.239, 28.962, 45.543 |
xyY | 0.222, 0.302, 28.962 |
CIE-LCH | 60.748, 32.376, 212.189 |
CIE-LUV | 60.748, -42.968, -22.314 |
Hunter-Lab | 53.817, -23.734, -12.503 |
Binary | 00100010, 10100001, 10110000 |
Color Schemes with #22a1b0
Alternatives to #22a1b0
Below, you can see some colors close to #22a1b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a1b0 Preview
This text has a font color of #22a1b0.
<span style="color:#22a1b0;">Text here</span>
This paragraph has a background color of #22a1b0.
<p style="background-color:#22a1b0;">Content here</p>
This element has a border color of #22a1b0.
<div style="border:1px solid #22a1b0;">Content here</div>
.text {color:#22a1b0;}
.background {background-color:#22a1b0;}
.border {border:1px solid #22a1b0;}
Shades and Tints of #22a1b0
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, #020b0c is the darkest color, while #fafefe is the lightest one.
-
#020b0c
#020b0c
rgb(2,11,12)
-
#051a1c
#051a1c
rgb(5,26,28)
-
#09292c
#09292c
rgb(9,41,44)
-
#0c383d
#0c383d
rgb(12,56,61)
-
#0f474d
#0f474d
rgb(15,71,77)
-
#12565e
#12565e
rgb(18,86,94)
-
#15656e
#15656e
rgb(21,101,110)
-
#18747f
#18747f
rgb(24,116,127)
-
#1c838f
#1c838f
rgb(28,131,143)
-
#1f92a0
#1f92a0
rgb(31,146,160)
-
#22a1b0
#22a1b0
rgb(34,161,176)
-
#25b0c0
#25b0c0
rgb(37,176,192)
-
#28bfd1
#28bfd1
rgb(40,191,209)
-
#35c7d8
#35c7d8
rgb(53,199,216)
-
#45cbdb
#45cbdb
rgb(69,203,219)
-
#56d0de
#56d0de
rgb(86,208,222)
-
#66d4e1
#66d4e1
rgb(102,212,225)
-
#77d9e5
#77d9e5
rgb(119,217,229)
-
#87dee8
#87dee8
rgb(135,222,232)
-
#98e2eb
#98e2eb
rgb(152,226,235)
-
#a8e7ee
#a8e7ee
rgb(168,231,238)
-
#b8ebf1
#b8ebf1
rgb(184,235,241)
-
#c9f0f5
#c9f0f5
rgb(201,240,245)
-
#d9f5f8
#d9f5f8
rgb(217,245,248)
-
#eaf9fb
#eaf9fb
rgb(234,249,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22a1b0
A tone is produced by adding gray to any pure hue. In this case, #636e6f is the less saturated color, while #02bad0 is the most saturated one.
-
#636e6f
#636e6f
rgb(99,110,111)
-
#5b7477
#5b7477
rgb(91,116,119)
-
#527b80
#527b80
rgb(82,123,128)
-
#4a8188
#4a8188
rgb(74,129,136)
-
#428890
#428890
rgb(66,136,144)
-
#3a8e98
#3a8e98
rgb(58,142,152)
-
#3294a0
#3294a0
rgb(50,148,160)
-
#2a9ba8
#2a9ba8
rgb(42,155,168)
-
#22a1b0
#22a1b0
rgb(34,161,176)
-
#1aa7b8
#1aa7b8
rgb(26,167,184)
-
#12aec0
#12aec0
rgb(18,174,192)
-
#0ab4c8
#0ab4c8
rgb(10,180,200)
-
#02bad0
#02bad0
rgb(2,186,208)
Color Blindness Simulator
Below, you can see how #22a1b0 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.