#22afc2 Color Information
In a RGB color space, hex #22afc2 is composed of 13.3% red, 68.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 9.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 187.1 degrees, a saturation of 70.2% and a lightness of 44.7%. #22afc2 color hex could be obtained by blending #44ffff with #005f85. Closest websafe color is: #3399cc.
-
- R 13
- G 69
- B 76
-
- C 82
- M 10
- Y 0
- K 24
● #22afc2 color description : Strong cyan.
#22afc2 Color Conversion
The hexadecimal color #22afc2 has RGB values of R:34, G:175, B:194 and CMYK values of C:0.82, M:0.1, Y:0, K:0.24. Its decimal value is 2273218.
Hex triplet | 22afc2 | #22afc2 |
---|---|---|
RGB Decimal | 34, 175, 194 | rgb(34,175,194) |
RGB Percent | 13.3, 68.6, 76.1 | rgb(13.3%,68.6%,76.1%) |
CMYK | 82, 10, 0, 24 | |
HSL | 187.1°, 70.2, 44.7 | hsl(187.1,70.2%,44.7%) |
HSV (or HSB) | 187.1°, 82.5, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.665, -28.58, -19.834 |
---|---|
XYZ | 25.724, 34.893, 56.415 |
xyY | 0.22, 0.298, 34.893 |
CIE-LCH | 65.665, 34.788, 214.76 |
CIE-LUV | 65.665, -46.609, -26.619 |
Hunter-Lab | 59.07, -25.637, -15.276 |
Binary | 00100010, 10101111, 11000010 |
Color Schemes with #22afc2
Alternatives to #22afc2
Below, you can see some colors close to #22afc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22afc2 Preview
This text has a font color of #22afc2.
<span style="color:#22afc2;">Text here</span>
This paragraph has a background color of #22afc2.
<p style="background-color:#22afc2;">Content here</p>
This element has a border color of #22afc2.
<div style="border:1px solid #22afc2;">Content here</div>
.text {color:#22afc2;}
.background {background-color:#22afc2;}
.border {border:1px solid #22afc2;}
Shades and Tints of #22afc2
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, #02090a is the darkest color, while #f9fdfe is the lightest one.
-
#02090a
#02090a
rgb(2,9,10)
-
#05181b
#05181b
rgb(5,24,27)
-
#08272c
#08272c
rgb(8,39,44)
-
#0b373c
#0b373c
rgb(11,55,60)
-
#0e464d
#0e464d
rgb(14,70,77)
-
#10555e
#10555e
rgb(16,85,94)
-
#13646f
#13646f
rgb(19,100,111)
-
#16737f
#16737f
rgb(22,115,127)
-
#198290
#198290
rgb(25,130,144)
-
#1c91a1
#1c91a1
rgb(28,145,161)
-
#1fa0b1
#1fa0b1
rgb(31,160,177)
-
#22afc2
#22afc2
rgb(34,175,194)
-
#25bed3
#25bed3
rgb(37,190,211)
-
#30c7db
#30c7db
rgb(48,199,219)
-
#41cbde
#41cbde
rgb(65,203,222)
-
#52d0e1
#52d0e1
rgb(82,208,225)
-
#63d4e4
#63d4e4
rgb(99,212,228)
-
#73d9e6
#73d9e6
rgb(115,217,230)
-
#84dde9
#84dde9
rgb(132,221,233)
-
#95e2ec
#95e2ec
rgb(149,226,236)
-
#a5e6ef
#a5e6ef
rgb(165,230,239)
-
#b6ebf2
#b6ebf2
rgb(182,235,242)
-
#c7f0f5
#c7f0f5
rgb(199,240,245)
-
#d7f4f8
#d7f4f8
rgb(215,244,248)
-
#e8f9fb
#e8f9fb
rgb(232,249,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #22afc2
A tone is produced by adding gray to any pure hue. In this case, #717373 is the less saturated color, while #08c3dc is the most saturated one.
-
#717373
#717373
rgb(113,115,115)
-
#687a7c
#687a7c
rgb(104,122,124)
-
#5f8085
#5f8085
rgb(95,128,133)
-
#57878d
#57878d
rgb(87,135,141)
-
#4e8e96
#4e8e96
rgb(78,142,150)
-
#45949f
#45949f
rgb(69,148,159)
-
#3c9ba8
#3c9ba8
rgb(60,155,168)
-
#34a2b0
#34a2b0
rgb(52,162,176)
-
#2ba8b9
#2ba8b9
rgb(43,168,185)
-
#22afc2
#22afc2
rgb(34,175,194)
-
#19b6cb
#19b6cb
rgb(25,182,203)
-
#10bcd4
#10bcd4
rgb(16,188,212)
-
#08c3dc
#08c3dc
rgb(8,195,220)
Color Blindness Simulator
Below, you can see how #22afc2 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.