#22acc3 Color Information
In a RGB color space, hex #22acc3 is composed of 13.3% red, 67.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 11.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 188.6 degrees, a saturation of 70.3% and a lightness of 44.9%. #22acc3 color hex could be obtained by blending #44ffff with #005987. Closest websafe color is: #3399cc.
-
- R 13
- G 67
- B 76
-
- C 83
- M 12
- Y 0
- K 24
● #22acc3 color description : Strong cyan.
#22acc3 Color Conversion
The hexadecimal color #22acc3 has RGB values of R:34, G:172, B:195 and CMYK values of C:0.83, M:0.12, Y:0, K:0.24. Its decimal value is 2272451.
Hex triplet | 22acc3 | #22acc3 |
---|---|---|
RGB Decimal | 34, 172, 195 | rgb(34,172,195) |
RGB Percent | 13.3, 67.5, 76.5 | rgb(13.3%,67.5%,76.5%) |
CMYK | 83, 12, 0, 24 | |
HSL | 188.6°, 70.3, 44.9 | hsl(188.6,70.3%,44.9%) |
HSV (or HSB) | 188.6°, 82.6, 76.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.79, -26.767, -21.723 |
---|---|
XYZ | 25.26, 33.783, 56.816 |
xyY | 0.218, 0.292, 33.783 |
CIE-LCH | 64.79, 34.472, 219.061 |
CIE-LUV | 64.79, -45.484, -29.901 |
Hunter-Lab | 58.123, -24.141, -17.271 |
Binary | 00100010, 10101100, 11000011 |
Color Schemes with #22acc3
Alternatives to #22acc3
Below, you can see some colors close to #22acc3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22acc3 Preview
This text has a font color of #22acc3.
<span style="color:#22acc3;">Text here</span>
This paragraph has a background color of #22acc3.
<p style="background-color:#22acc3;">Content here</p>
This element has a border color of #22acc3.
<div style="border:1px solid #22acc3;">Content here</div>
.text {color:#22acc3;}
.background {background-color:#22acc3;}
.border {border:1px solid #22acc3;}
Shades and Tints of #22acc3
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 #fafdfe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#05191c
#05191c
rgb(5,25,28)
-
#08272d
#08272d
rgb(8,39,45)
-
#0b363d
#0b363d
rgb(11,54,61)
-
#0e454e
#0e454e
rgb(14,69,78)
-
#11545f
#11545f
rgb(17,84,95)
-
#13626f
#13626f
rgb(19,98,111)
-
#167180
#167180
rgb(22,113,128)
-
#198091
#198091
rgb(25,128,145)
-
#1c8fa2
#1c8fa2
rgb(28,143,162)
-
#1f9db2
#1f9db2
rgb(31,157,178)
-
#22acc3
#22acc3
rgb(34,172,195)
-
#25bbd4
#25bbd4
rgb(37,187,212)
-
#31c3db
#31c3db
rgb(49,195,219)
-
#42c8de
#42c8de
rgb(66,200,222)
-
#53cde1
#53cde1
rgb(83,205,225)
-
#63d1e4
#63d1e4
rgb(99,209,228)
-
#74d6e7
#74d6e7
rgb(116,214,231)
-
#85dbea
#85dbea
rgb(133,219,234)
-
#95e0ed
#95e0ed
rgb(149,224,237)
-
#a6e5ef
#a6e5ef
rgb(166,229,239)
-
#b7eaf2
#b7eaf2
rgb(183,234,242)
-
#c7eff5
#c7eff5
rgb(199,239,245)
-
#d8f4f8
#d8f4f8
rgb(216,244,248)
-
#e9f9fb
#e9f9fb
rgb(233,249,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #22acc3
A tone is produced by adding gray to any pure hue. In this case, #717374 is the less saturated color, while #08bfdd is the most saturated one.
-
#717374
#717374
rgb(113,115,116)
-
#687a7d
#687a7d
rgb(104,122,125)
-
#608085
#608085
rgb(96,128,133)
-
#57868e
#57868e
rgb(87,134,142)
-
#4e8d97
#4e8d97
rgb(78,141,151)
-
#4593a0
#4593a0
rgb(69,147,160)
-
#3c99a9
#3c99a9
rgb(60,153,169)
-
#349fb1
#349fb1
rgb(52,159,177)
-
#2ba6ba
#2ba6ba
rgb(43,166,186)
-
#22acc3
#22acc3
rgb(34,172,195)
-
#19b2cc
#19b2cc
rgb(25,178,204)
-
#10b9d5
#10b9d5
rgb(16,185,213)
-
#08bfdd
#08bfdd
rgb(8,191,221)
Color Blindness Simulator
Below, you can see how #22acc3 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.