#22b0aa Color Information
In a RGB color space, hex #22b0aa is composed of 13.3% red, 69% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 3.4% yellow and 31% black. It has a hue angle of 177.5 degrees, a saturation of 67.6% and a lightness of 41.2%. #22b0aa color hex could be obtained by blending #44ffff with #006155. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 67
-
- C 81
- M 0
- Y 3
- K 31
● #22b0aa color description : Dark cyan.
#22b0aa Color Conversion
The hexadecimal color #22b0aa has RGB values of R:34, G:176, B:170 and CMYK values of C:0.81, M:0, Y:0.03, K:0.31. Its decimal value is 2273450.
Hex triplet | 22b0aa | #22b0aa |
---|---|---|
RGB Decimal | 34, 176, 170 | rgb(34,176,170) |
RGB Percent | 13.3, 69, 66.7 | rgb(13.3%,69%,66.7%) |
CMYK | 81, 0, 3, 31 | |
HSL | 177.5°, 67.6, 41.2 | hsl(177.5,67.6%,41.2%) |
HSV (or HSB) | 177.5°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.193, -36.423, -7.214 |
---|---|
XYZ | 23.438, 34.291, 43.411 |
xyY | 0.232, 0.339, 34.291 |
CIE-LCH | 65.193, 37.131, 191.203 |
CIE-LUV | 65.193, -48.729, -5.389 |
Hunter-Lab | 58.558, -31.031, -2.963 |
Binary | 00100010, 10110000, 10101010 |
Color Schemes with #22b0aa
Alternatives to #22b0aa
Below, you can see some colors close to #22b0aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b0aa Preview
This text has a font color of #22b0aa.
<span style="color:#22b0aa;">Text here</span>
This paragraph has a background color of #22b0aa.
<p style="background-color:#22b0aa;">Content here</p>
This element has a border color of #22b0aa.
<div style="border:1px solid #22b0aa;">Content here</div>
.text {color:#22b0aa;}
.background {background-color:#22b0aa;}
.border {border:1px solid #22b0aa;}
Shades and Tints of #22b0aa
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, #020c0b is the darkest color, while #fafefe is the lightest one.
-
#020c0b
#020c0b
rgb(2,12,11)
-
#051c1b
#051c1b
rgb(5,28,27)
-
#092c2b
#092c2b
rgb(9,44,43)
-
#0c3d3b
#0c3d3b
rgb(12,61,59)
-
#0f4d4b
#0f4d4b
rgb(15,77,75)
-
#125e5b
#125e5b
rgb(18,94,91)
-
#156e6a
#156e6a
rgb(21,110,106)
-
#187f7a
#187f7a
rgb(24,127,122)
-
#1c8f8a
#1c8f8a
rgb(28,143,138)
-
#1fa09a
#1fa09a
rgb(31,160,154)
-
#22b0aa
#22b0aa
rgb(34,176,170)
-
#25c0ba
#25c0ba
rgb(37,192,186)
-
#28d1ca
#28d1ca
rgb(40,209,202)
-
#35d8d1
#35d8d1
rgb(53,216,209)
-
#45dbd5
#45dbd5
rgb(69,219,213)
-
#56ded9
#56ded9
rgb(86,222,217)
-
#66e1dc
#66e1dc
rgb(102,225,220)
-
#77e5e0
#77e5e0
rgb(119,229,224)
-
#87e8e4
#87e8e4
rgb(135,232,228)
-
#98ebe7
#98ebe7
rgb(152,235,231)
-
#a8eeeb
#a8eeeb
rgb(168,238,235)
-
#b8f1ef
#b8f1ef
rgb(184,241,239)
-
#c9f5f3
#c9f5f3
rgb(201,245,243)
-
#d9f8f6
#d9f8f6
rgb(217,248,246)
-
#eafbfa
#eafbfa
rgb(234,251,250)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22b0aa
A tone is produced by adding gray to any pure hue. In this case, #636f6f is the less saturated color, while #02d0c8 is the most saturated one.
-
#636f6f
#636f6f
rgb(99,111,111)
-
#5b7776
#5b7776
rgb(91,119,118)
-
#52807e
#52807e
rgb(82,128,126)
-
#4a8885
#4a8885
rgb(74,136,133)
-
#42908c
#42908c
rgb(66,144,140)
-
#3a9894
#3a9894
rgb(58,152,148)
-
#32a09b
#32a09b
rgb(50,160,155)
-
#2aa8a3
#2aa8a3
rgb(42,168,163)
-
#22b0aa
#22b0aa
rgb(34,176,170)
-
#1ab8b1
#1ab8b1
rgb(26,184,177)
-
#12c0b9
#12c0b9
rgb(18,192,185)
-
#0ac8c0
#0ac8c0
rgb(10,200,192)
-
#02d0c8
#02d0c8
rgb(2,208,200)
Color Blindness Simulator
Below, you can see how #22b0aa 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.