#22c2bd Color Information
In a RGB color space, hex #22c2bd is composed of 13.3% red, 76.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 2.6% yellow and 23.9% black. It has a hue angle of 178.1 degrees, a saturation of 70.2% and a lightness of 44.7%. #22c2bd color hex could be obtained by blending #44ffff with #00857b. Closest websafe color is: #33cccc.
-
- R 13
- G 76
- B 74
-
- C 82
- M 0
- Y 3
- K 24
● #22c2bd color description : Strong cyan.
#22c2bd Color Conversion
The hexadecimal color #22c2bd has RGB values of R:34, G:194, B:189 and CMYK values of C:0.82, M:0, Y:0.03, K:0.24. Its decimal value is 2278077.
Hex triplet | 22c2bd | #22c2bd |
---|---|---|
RGB Decimal | 34, 194, 189 | rgb(34,194,189) |
RGB Percent | 13.3, 76.1, 74.1 | rgb(13.3%,76.1%,74.1%) |
CMYK | 82, 0, 3, 24 | |
HSL | 178.1°, 70.2, 44.7 | hsl(178.1,70.2%,44.7%) |
HSV (or HSB) | 178.1°, 82.5, 76.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 71.279, -39.079, -8.633 |
---|---|
XYZ | 29.134, 42.595, 54.827 |
xyY | 0.23, 0.337, 42.595 |
CIE-LCH | 71.279, 40.021, 192.457 |
CIE-LUV | 71.279, -53.618, -7.295 |
Hunter-Lab | 65.265, -34.532, -4.123 |
Binary | 00100010, 11000010, 10111101 |
Color Schemes with #22c2bd
Alternatives to #22c2bd
Below, you can see some colors close to #22c2bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c2bd Preview
This text has a font color of #22c2bd.
<span style="color:#22c2bd;">Text here</span>
This paragraph has a background color of #22c2bd.
<p style="background-color:#22c2bd;">Content here</p>
This element has a border color of #22c2bd.
<div style="border:1px solid #22c2bd;">Content here</div>
.text {color:#22c2bd;}
.background {background-color:#22c2bd;}
.border {border:1px solid #22c2bd;}
Shades and Tints of #22c2bd
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, #020a0a is the darkest color, while #f9fefe is the lightest one.
-
#020a0a
#020a0a
rgb(2,10,10)
-
#051b1a
#051b1a
rgb(5,27,26)
-
#082c2b
#082c2b
rgb(8,44,43)
-
#0b3c3b
#0b3c3b
rgb(11,60,59)
-
#0e4d4b
#0e4d4b
rgb(14,77,75)
-
#105e5b
#105e5b
rgb(16,94,91)
-
#136f6c
#136f6c
rgb(19,111,108)
-
#167f7c
#167f7c
rgb(22,127,124)
-
#19908c
#19908c
rgb(25,144,140)
-
#1ca19c
#1ca19c
rgb(28,161,156)
-
#1fb1ad
#1fb1ad
rgb(31,177,173)
-
#22c2bd
#22c2bd
rgb(34,194,189)
-
#25d3cd
#25d3cd
rgb(37,211,205)
-
#30dbd5
#30dbd5
rgb(48,219,213)
-
#41ded9
#41ded9
rgb(65,222,217)
-
#52e1dc
#52e1dc
rgb(82,225,220)
-
#63e4e0
#63e4e0
rgb(99,228,224)
-
#73e6e3
#73e6e3
rgb(115,230,227)
-
#84e9e6
#84e9e6
rgb(132,233,230)
-
#95ecea
#95ecea
rgb(149,236,234)
-
#a5efed
#a5efed
rgb(165,239,237)
-
#b6f2f0
#b6f2f0
rgb(182,242,240)
-
#c7f5f4
#c7f5f4
rgb(199,245,244)
-
#d7f8f7
#d7f8f7
rgb(215,248,247)
-
#e8fbfa
#e8fbfa
rgb(232,251,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22c2bd
A tone is produced by adding gray to any pure hue. In this case, #717373 is the less saturated color, while #08dcd6 is the most saturated one.
-
#717373
#717373
rgb(113,115,115)
-
#687c7b
#687c7b
rgb(104,124,123)
-
#5f8583
#5f8583
rgb(95,133,131)
-
#578d8c
#578d8c
rgb(87,141,140)
-
#4e9694
#4e9694
rgb(78,150,148)
-
#459f9c
#459f9c
rgb(69,159,156)
-
#3ca8a4
#3ca8a4
rgb(60,168,164)
-
#34b0ad
#34b0ad
rgb(52,176,173)
-
#2bb9b5
#2bb9b5
rgb(43,185,181)
-
#22c2bd
#22c2bd
rgb(34,194,189)
-
#19cbc5
#19cbc5
rgb(25,203,197)
-
#10d4cd
#10d4cd
rgb(16,212,205)
-
#08dcd6
#08dcd6
rgb(8,220,214)
Color Blindness Simulator
Below, you can see how #22c2bd 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.