#22b5b0 Color Information
In a RGB color space, hex #22b5b0 is composed of 13.3% red, 71% green and 69% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 2.8% yellow and 29% black. It has a hue angle of 178 degrees, a saturation of 68.4% and a lightness of 42.2%. #22b5b0 color hex could be obtained by blending #44ffff with #006b61. Closest websafe color is: #33cc99.
-
- R 13
- G 71
- B 69
-
- C 81
- M 0
- Y 3
- K 29
● #22b5b0 color description : Strong cyan.
#22b5b0 Color Conversion
The hexadecimal color #22b5b0 has RGB values of R:34, G:181, B:176 and CMYK values of C:0.81, M:0, Y:0.03, K:0.29. Its decimal value is 2274736.
Hex triplet | 22b5b0 | #22b5b0 |
---|---|---|
RGB Decimal | 34, 181, 176 | rgb(34,181,176) |
RGB Percent | 13.3, 71, 69 | rgb(13.3%,71%,69%) |
CMYK | 81, 0, 3, 29 | |
HSL | 178°, 68.4, 42.2 | hsl(178,68.4%,42.2%) |
HSV (or HSB) | 178°, 81.2, 71 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 66.915, -36.959, -7.981 |
---|---|
XYZ | 25.018, 36.52, 46.802 |
xyY | 0.231, 0.337, 36.52 |
CIE-LCH | 66.915, 37.811, 192.185 |
CIE-LUV | 66.915, -50.048, -6.524 |
Hunter-Lab | 60.432, -31.86, -3.616 |
Binary | 00100010, 10110101, 10110000 |
Color Schemes with #22b5b0
Alternatives to #22b5b0
Below, you can see some colors close to #22b5b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b5b0 Preview
This text has a font color of #22b5b0.
<span style="color:#22b5b0;">Text here</span>
This paragraph has a background color of #22b5b0.
<p style="background-color:#22b5b0;">Content here</p>
This element has a border color of #22b5b0.
<div style="border:1px solid #22b5b0;">Content here</div>
.text {color:#22b5b0;}
.background {background-color:#22b5b0;}
.border {border:1px solid #22b5b0;}
Shades and Tints of #22b5b0
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, #03100f is the darkest color, while #feffff is the lightest one.
-
#03100f
#03100f
rgb(3,16,15)
-
#06201f
#06201f
rgb(6,32,31)
-
#093130
#093130
rgb(9,49,48)
-
#0c4140
#0c4140
rgb(12,65,64)
-
#0f5250
#0f5250
rgb(15,82,80)
-
#126260
#126260
rgb(18,98,96)
-
#167370
#167370
rgb(22,115,112)
-
#198380
#198380
rgb(25,131,128)
-
#1c9490
#1c9490
rgb(28,148,144)
-
#1fa4a0
#1fa4a0
rgb(31,164,160)
-
#22b5b0
#22b5b0
rgb(34,181,176)
-
#25c6c0
#25c6c0
rgb(37,198,192)
-
#28d6d0
#28d6d0
rgb(40,214,208)
-
#38dad4
#38dad4
rgb(56,218,212)
-
#49ddd8
#49ddd8
rgb(73,221,216)
-
#59e0db
#59e0db
rgb(89,224,219)
-
#6ae3df
#6ae3df
rgb(106,227,223)
-
#7ae6e2
#7ae6e2
rgb(122,230,226)
-
#8be9e6
#8be9e6
rgb(139,233,230)
-
#9becea
#9becea
rgb(155,236,234)
-
#acefed
#acefed
rgb(172,239,237)
-
#bcf2f1
#bcf2f1
rgb(188,242,241)
-
#cdf6f4
#cdf6f4
rgb(205,246,244)
-
#ddf9f8
#ddf9f8
rgb(221,249,248)
-
#eefcfb
#eefcfb
rgb(238,252,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22b5b0
A tone is produced by adding gray to any pure hue. In this case, #647372 is the less saturated color, while #01d6cf is the most saturated one.
-
#647372
#647372
rgb(100,115,114)
-
#5c7b7a
#5c7b7a
rgb(92,123,122)
-
#548382
#548382
rgb(84,131,130)
-
#4b8c89
#4b8c89
rgb(75,140,137)
-
#439491
#439491
rgb(67,148,145)
-
#3b9c99
#3b9c99
rgb(59,156,153)
-
#33a4a1
#33a4a1
rgb(51,164,161)
-
#2aada8
#2aada8
rgb(42,173,168)
-
#22b5b0
#22b5b0
rgb(34,181,176)
-
#1abdb8
#1abdb8
rgb(26,189,184)
-
#11c6bf
#11c6bf
rgb(17,198,191)
-
#09cec7
#09cec7
rgb(9,206,199)
-
#01d6cf
#01d6cf
rgb(1,214,207)
Color Blindness Simulator
Below, you can see how #22b5b0 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.