#22a4af Color Information
In a RGB color space, hex #22a4af is composed of 13.3% red, 64.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 6.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 184.7 degrees, a saturation of 67.5% and a lightness of 41%. #22a4af color hex could be obtained by blending #44ffff with #00495f. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 69
-
- C 81
- M 6
- Y 0
- K 31
● #22a4af color description : Dark cyan.
#22a4af Color Conversion
The hexadecimal color #22a4af has RGB values of R:34, G:164, B:175 and CMYK values of C:0.81, M:0.06, Y:0, K:0.31. Its decimal value is 2270383.
Hex triplet | 22a4af | #22a4af |
---|---|---|
RGB Decimal | 34, 164, 175 | rgb(34,164,175) |
RGB Percent | 13.3, 64.3, 68.6 | rgb(13.3%,64.3%,68.6%) |
CMYK | 81, 6, 0, 31 | |
HSL | 184.7°, 67.5, 41 | hsl(184.7,67.5%,41%) |
HSV (or HSB) | 184.7°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.64, -29.201, -15.333 |
---|---|
XYZ | 21.671, 29.984, 45.2 |
xyY | 0.224, 0.31, 29.984 |
CIE-LCH | 61.64, 32.982, 207.703 |
CIE-LUV | 61.64, -44.107, -19.061 |
Hunter-Lab | 54.758, -25.183, -10.611 |
Binary | 00100010, 10100100, 10101111 |
Color Schemes with #22a4af
Alternatives to #22a4af
Below, you can see some colors close to #22a4af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a4af Preview
This text has a font color of #22a4af.
<span style="color:#22a4af;">Text here</span>
This paragraph has a background color of #22a4af.
<p style="background-color:#22a4af;">Content here</p>
This element has a border color of #22a4af.
<div style="border:1px solid #22a4af;">Content here</div>
.text {color:#22a4af;}
.background {background-color:#22a4af;}
.border {border:1px solid #22a4af;}
Shades and Tints of #22a4af
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, #020a0b is the darkest color, while #f9fefe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#05191b
#05191b
rgb(5,25,27)
-
#08292c
#08292c
rgb(8,41,44)
-
#0c383c
#0c383c
rgb(12,56,60)
-
#0f484c
#0f484c
rgb(15,72,76)
-
#12575d
#12575d
rgb(18,87,93)
-
#15666d
#15666d
rgb(21,102,109)
-
#18767e
#18767e
rgb(24,118,126)
-
#1c858e
#1c858e
rgb(28,133,142)
-
#1f959f
#1f959f
rgb(31,149,159)
-
#22a4af
#22a4af
rgb(34,164,175)
-
#25b3bf
#25b3bf
rgb(37,179,191)
-
#28c3d0
#28c3d0
rgb(40,195,208)
-
#34cbd8
#34cbd8
rgb(52,203,216)
-
#45cfdb
#45cfdb
rgb(69,207,219)
-
#55d3de
#55d3de
rgb(85,211,222)
-
#66d8e1
#66d8e1
rgb(102,216,225)
-
#76dce4
#76dce4
rgb(118,220,228)
-
#86e0e8
#86e0e8
rgb(134,224,232)
-
#97e4eb
#97e4eb
rgb(151,228,235)
-
#a7e8ee
#a7e8ee
rgb(167,232,238)
-
#b8edf1
#b8edf1
rgb(184,237,241)
-
#c8f1f4
#c8f1f4
rgb(200,241,244)
-
#d8f5f8
#d8f5f8
rgb(216,245,248)
-
#e9f9fb
#e9f9fb
rgb(233,249,251)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22a4af
A tone is produced by adding gray to any pure hue. In this case, #626e6f is the less saturated color, while #02bfcf is the most saturated one.
-
#626e6f
#626e6f
rgb(98,110,111)
-
#5a7577
#5a7577
rgb(90,117,119)
-
#527b7f
#527b7f
rgb(82,123,127)
-
#4a8287
#4a8287
rgb(74,130,135)
-
#42898f
#42898f
rgb(66,137,143)
-
#3a9097
#3a9097
rgb(58,144,151)
-
#32969f
#32969f
rgb(50,150,159)
-
#2a9da7
#2a9da7
rgb(42,157,167)
-
#22a4af
#22a4af
rgb(34,164,175)
-
#1aabb7
#1aabb7
rgb(26,171,183)
-
#12b2bf
#12b2bf
rgb(18,178,191)
-
#0ab8c7
#0ab8c7
rgb(10,184,199)
-
#02bfcf
#02bfcf
rgb(2,191,207)
Color Blindness Simulator
Below, you can see how #22a4af 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.