#22c3af Color Information
In a RGB color space, hex #22c3af is composed of 13.3% red, 76.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 0% magenta, 10.3% yellow and 23.5% black. It has a hue angle of 172.5 degrees, a saturation of 70.3% and a lightness of 44.9%. #22c3af color hex could be obtained by blending #44ffff with #00875f. Closest websafe color is: #33cc99.
-
- R 13
- G 76
- B 69
-
- C 83
- M 0
- Y 10
- K 24
● #22c3af color description : Strong cyan.
#22c3af Color Conversion
The hexadecimal color #22c3af has RGB values of R:34, G:195, B:175 and CMYK values of C:0.83, M:0, Y:0.1, K:0.24. Its decimal value is 2278319.
Hex triplet | 22c3af | #22c3af |
---|---|---|
RGB Decimal | 34, 195, 175 | rgb(34,195,175) |
RGB Percent | 13.3, 76.5, 68.6 | rgb(13.3%,76.5%,68.6%) |
CMYK | 83, 0, 10, 24 | |
HSL | 172.5°, 70.3, 44.9 | hsl(172.5,70.3%,44.9%) |
HSV (or HSB) | 172.5°, 82.6, 76.5 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 71.189, -43.478, -1.125 |
---|---|
XYZ | 27.91, 42.463, 47.28 |
xyY | 0.237, 0.361, 42.463 |
CIE-LCH | 71.189, 43.492, 181.482 |
CIE-LUV | 71.189, -55.016, 5.003 |
Hunter-Lab | 65.163, -37.583, 2.596 |
Binary | 00100010, 11000011, 10101111 |
Color Schemes with #22c3af
Alternatives to #22c3af
Below, you can see some colors close to #22c3af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c3af Preview
This text has a font color of #22c3af.
<span style="color:#22c3af;">Text here</span>
This paragraph has a background color of #22c3af.
<p style="background-color:#22c3af;">Content here</p>
This element has a border color of #22c3af.
<div style="border:1px solid #22c3af;">Content here</div>
.text {color:#22c3af;}
.background {background-color:#22c3af;}
.border {border:1px solid #22c3af;}
Shades and Tints of #22c3af
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, #020b0a is the darkest color, while #fafefd is the lightest one.
-
#020b0a
#020b0a
rgb(2,11,10)
-
#051c19
#051c19
rgb(5,28,25)
-
#082d28
#082d28
rgb(8,45,40)
-
#0b3d37
#0b3d37
rgb(11,61,55)
-
#0e4e46
#0e4e46
rgb(14,78,70)
-
#115f55
#115f55
rgb(17,95,85)
-
#136f64
#136f64
rgb(19,111,100)
-
#168073
#168073
rgb(22,128,115)
-
#199182
#199182
rgb(25,145,130)
-
#1ca291
#1ca291
rgb(28,162,145)
-
#1fb2a0
#1fb2a0
rgb(31,178,160)
-
#22c3af
#22c3af
rgb(34,195,175)
-
#25d4be
#25d4be
rgb(37,212,190)
-
#31dbc6
#31dbc6
rgb(49,219,198)
-
#42decb
#42decb
rgb(66,222,203)
-
#53e1cf
#53e1cf
rgb(83,225,207)
-
#63e4d4
#63e4d4
rgb(99,228,212)
-
#74e7d8
#74e7d8
rgb(116,231,216)
-
#85eadd
#85eadd
rgb(133,234,221)
-
#95ede2
#95ede2
rgb(149,237,226)
-
#a6efe6
#a6efe6
rgb(166,239,230)
-
#b7f2eb
#b7f2eb
rgb(183,242,235)
-
#c7f5f0
#c7f5f0
rgb(199,245,240)
-
#d8f8f4
#d8f8f4
rgb(216,248,244)
-
#e9fbf9
#e9fbf9
rgb(233,251,249)
-
#fafefd
#fafefd
rgb(250,254,253)
Tones of #22c3af
A tone is produced by adding gray to any pure hue. In this case, #717473 is the less saturated color, while #08ddc3 is the most saturated one.
-
#717473
#717473
rgb(113,116,115)
-
#687d7a
#687d7a
rgb(104,125,122)
-
#608581
#608581
rgb(96,133,129)
-
#578e87
#578e87
rgb(87,142,135)
-
#4e978e
#4e978e
rgb(78,151,142)
-
#45a095
#45a095
rgb(69,160,149)
-
#3ca99b
#3ca99b
rgb(60,169,155)
-
#34b1a2
#34b1a2
rgb(52,177,162)
-
#2bbaa8
#2bbaa8
rgb(43,186,168)
-
#22c3af
#22c3af
rgb(34,195,175)
-
#19ccb6
#19ccb6
rgb(25,204,182)
-
#10d5bc
#10d5bc
rgb(16,213,188)
-
#08ddc3
#08ddc3
rgb(8,221,195)
Color Blindness Simulator
Below, you can see how #22c3af 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.