#22cbbb Color Information
In a RGB color space, hex #22cbbb is composed of 13.3% red, 79.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 7.9% yellow and 20.4% black. It has a hue angle of 174.3 degrees, a saturation of 71.3% and a lightness of 46.5%. #22cbbb color hex could be obtained by blending #44ffff with #009777. Closest websafe color is: #33cccc.
-
- R 13
- G 80
- B 73
-
- C 83
- M 0
- Y 8
- K 20
● #22cbbb color description : Strong cyan.
#22cbbb Color Conversion
The hexadecimal color #22cbbb has RGB values of R:34, G:203, B:187 and CMYK values of C:0.83, M:0, Y:0.08, K:0.2. Its decimal value is 2280379.
Hex triplet | 22cbbb | #22cbbb |
---|---|---|
RGB Decimal | 34, 203, 187 | rgb(34,203,187) |
RGB Percent | 13.3, 79.6, 73.3 | rgb(13.3%,79.6%,73.3%) |
CMYK | 83, 0, 8, 20 | |
HSL | 174.3°, 71.3, 46.5 | hsl(174.3,71.3%,46.5%) |
HSV (or HSB) | 174.3°, 83.3, 79.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 73.957, -43.637, -3.582 |
---|---|
XYZ | 30.982, 46.637, 54.38 |
xyY | 0.235, 0.353, 46.637 |
CIE-LCH | 73.957, 43.783, 184.693 |
CIE-LUV | 73.957, -56.884, 1.281 |
Hunter-Lab | 68.291, -38.528, 0.591 |
Binary | 00100010, 11001011, 10111011 |
Color Schemes with #22cbbb
Alternatives to #22cbbb
Below, you can see some colors close to #22cbbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22cbbb Preview
This text has a font color of #22cbbb.
<span style="color:#22cbbb;">Text here</span>
This paragraph has a background color of #22cbbb.
<p style="background-color:#22cbbb;">Content here</p>
This element has a border color of #22cbbb.
<div style="border:1px solid #22cbbb;">Content here</div>
.text {color:#22cbbb;}
.background {background-color:#22cbbb;}
.border {border:1px solid #22cbbb;}
Shades and Tints of #22cbbb
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, #000101 is the darkest color, while #f0fcfb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#031211
#031211
rgb(3,18,17)
-
#062320
#062320
rgb(6,35,32)
-
#093430
#093430
rgb(9,52,48)
-
#0b453f
#0b453f
rgb(11,69,63)
-
#0e554f
#0e554f
rgb(14,85,79)
-
#11665e
#11665e
rgb(17,102,94)
-
#14776e
#14776e
rgb(20,119,110)
-
#17887d
#17887d
rgb(23,136,125)
-
#1a998d
#1a998d
rgb(26,153,141)
-
#1ca99c
#1ca99c
rgb(28,169,156)
-
#1fbaac
#1fbaac
rgb(31,186,172)
-
#22cbbb
#22cbbb
rgb(34,203,187)
-
#26dbca
#26dbca
rgb(38,219,202)
-
#37ddce
#37ddce
rgb(55,221,206)
-
#48e0d2
#48e0d2
rgb(72,224,210)
-
#58e3d6
#58e3d6
rgb(88,227,214)
-
#69e6da
#69e6da
rgb(105,230,218)
-
#7ae9de
#7ae9de
rgb(122,233,222)
-
#8bece2
#8bece2
rgb(139,236,226)
-
#9ceee7
#9ceee7
rgb(156,238,231)
-
#acf1eb
#acf1eb
rgb(172,241,235)
-
#bdf4ef
#bdf4ef
rgb(189,244,239)
-
#cef7f3
#cef7f3
rgb(206,247,243)
-
#dffaf7
#dffaf7
rgb(223,250,247)
-
#f0fcfb
#f0fcfb
rgb(240,252,251)
Tones of #22cbbb
A tone is produced by adding gray to any pure hue. In this case, #747978 is the less saturated color, while #07e6d1 is the most saturated one.
-
#747978
#747978
rgb(116,121,120)
-
#6b8280
#6b8280
rgb(107,130,128)
-
#628b87
#628b87
rgb(98,139,135)
-
#59948f
#59948f
rgb(89,148,143)
-
#509d96
#509d96
rgb(80,157,150)
-
#46a79d
#46a79d
rgb(70,167,157)
-
#3db0a5
#3db0a5
rgb(61,176,165)
-
#34b9ac
#34b9ac
rgb(52,185,172)
-
#2bc2b4
#2bc2b4
rgb(43,194,180)
-
#22cbbb
#22cbbb
rgb(34,203,187)
-
#19d4c2
#19d4c2
rgb(25,212,194)
-
#10ddca
#10ddca
rgb(16,221,202)
-
#07e6d1
#07e6d1
rgb(7,230,209)
Color Blindness Simulator
Below, you can see how #22cbbb 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.