#22c2bf Color Information
In a RGB color space, hex #22c2bf is composed of 13.3% red, 76.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 1.5% yellow and 23.9% black. It has a hue angle of 178.9 degrees, a saturation of 70.2% and a lightness of 44.7%. #22c2bf color hex could be obtained by blending #44ffff with #00857f. Closest websafe color is: #33cccc.
-
- R 13
- G 76
- B 75
-
- C 82
- M 0
- Y 2
- K 24
● #22c2bf color description : Strong cyan.
#22c2bf Color Conversion
The hexadecimal color #22c2bf has RGB values of R:34, G:194, B:191 and CMYK values of C:0.82, M:0, Y:0.02, K:0.24. Its decimal value is 2278079.
Hex triplet | 22c2bf | #22c2bf |
---|---|---|
RGB Decimal | 34, 194, 191 | rgb(34,194,191) |
RGB Percent | 13.3, 76.1, 74.9 | rgb(13.3%,76.1%,74.9%) |
CMYK | 82, 0, 2, 24 | |
HSL | 178.9°, 70.2, 44.7 | hsl(178.9,70.2%,44.7%) |
HSV (or HSB) | 178.9°, 82.5, 76.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 71.339, -38.495, -9.636 |
---|---|
XYZ | 29.352, 42.682, 55.979 |
xyY | 0.229, 0.333, 42.682 |
CIE-LCH | 71.339, 39.683, 194.054 |
CIE-LUV | 71.339, -53.468, -8.971 |
Hunter-Lab | 65.332, -34.133, -5.07 |
Binary | 00100010, 11000010, 10111111 |
Color Schemes with #22c2bf
Alternatives to #22c2bf
Below, you can see some colors close to #22c2bf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22c2bf Preview
This text has a font color of #22c2bf.
<span style="color:#22c2bf;">Text here</span>
This paragraph has a background color of #22c2bf.
<p style="background-color:#22c2bf;">Content here</p>
This element has a border color of #22c2bf.
<div style="border:1px solid #22c2bf;">Content here</div>
.text {color:#22c2bf;}
.background {background-color:#22c2bf;}
.border {border:1px solid #22c2bf;}
Shades and Tints of #22c2bf
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)
-
#051b1b
#051b1b
rgb(5,27,27)
-
#082c2b
#082c2b
rgb(8,44,43)
-
#0b3c3c
#0b3c3c
rgb(11,60,60)
-
#0e4d4c
#0e4d4c
rgb(14,77,76)
-
#105e5c
#105e5c
rgb(16,94,92)
-
#136f6d
#136f6d
rgb(19,111,109)
-
#167f7d
#167f7d
rgb(22,127,125)
-
#19908e
#19908e
rgb(25,144,142)
-
#1ca19e
#1ca19e
rgb(28,161,158)
-
#1fb1af
#1fb1af
rgb(31,177,175)
-
#22c2bf
#22c2bf
rgb(34,194,191)
-
#25d3cf
#25d3cf
rgb(37,211,207)
-
#30dbd8
#30dbd8
rgb(48,219,216)
-
#41dedb
#41dedb
rgb(65,222,219)
-
#52e1de
#52e1de
rgb(82,225,222)
-
#63e4e1
#63e4e1
rgb(99,228,225)
-
#73e6e4
#73e6e4
rgb(115,230,228)
-
#84e9e8
#84e9e8
rgb(132,233,232)
-
#95eceb
#95eceb
rgb(149,236,235)
-
#a5efee
#a5efee
rgb(165,239,238)
-
#b6f2f1
#b6f2f1
rgb(182,242,241)
-
#c7f5f4
#c7f5f4
rgb(199,245,244)
-
#d7f8f7
#d7f8f7
rgb(215,248,247)
-
#e8fbfb
#e8fbfb
rgb(232,251,251)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22c2bf
A tone is produced by adding gray to any pure hue. In this case, #717373 is the less saturated color, while #08dcd8 is the most saturated one.
-
#717373
#717373
rgb(113,115,115)
-
#687c7b
#687c7b
rgb(104,124,123)
-
#5f8584
#5f8584
rgb(95,133,132)
-
#578d8c
#578d8c
rgb(87,141,140)
-
#4e9695
#4e9695
rgb(78,150,149)
-
#459f9d
#459f9d
rgb(69,159,157)
-
#3ca8a6
#3ca8a6
rgb(60,168,166)
-
#34b0ae
#34b0ae
rgb(52,176,174)
-
#2bb9b7
#2bb9b7
rgb(43,185,183)
-
#22c2bf
#22c2bf
rgb(34,194,191)
-
#19cbc7
#19cbc7
rgb(25,203,199)
-
#10d4d0
#10d4d0
rgb(16,212,208)
-
#08dcd8
#08dcd8
rgb(8,220,216)
Color Blindness Simulator
Below, you can see how #22c2bf 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.