#22eae2 Color Information
In a RGB color space, hex #22eae2 is composed of 13.3% red, 91.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 0% magenta, 3.4% yellow and 8.2% black. It has a hue angle of 177.6 degrees, a saturation of 82.6% and a lightness of 52.5%. #22eae2 color hex could be obtained by blending #44ffff with #00d5c5. Closest websafe color is: #33ffcc.
-
- R 13
- G 92
- B 89
-
- C 85
- M 0
- Y 3
- K 8
● #22eae2 color description : Vivid cyan.
#22eae2 Color Conversion
The hexadecimal color #22eae2 has RGB values of R:34, G:234, B:226 and CMYK values of C:0.85, M:0, Y:0.03, K:0.08. Its decimal value is 2288354.
Hex triplet | 22eae2 | #22eae2 |
---|---|---|
RGB Decimal | 34, 234, 226 | rgb(34,234,226) |
RGB Percent | 13.3, 91.8, 88.6 | rgb(13.3%,91.8%,88.6%) |
CMYK | 85, 0, 3, 8 | |
HSL | 177.6°, 82.6, 52.5 | hsl(177.6,82.6%,52.5%) |
HSV (or HSB) | 177.6°, 85.5, 91.8 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 84.315, -46.171, -9.096 |
---|---|
XYZ | 43.806, 64.672, 82.122 |
xyY | 0.23, 0.339, 64.672 |
CIE-LCH | 84.315, 47.059, 191.145 |
CIE-LUV | 84.315, -64.453, -7.108 |
Hunter-Lab | 80.419, -43.502, -4.252 |
Binary | 00100010, 11101010, 11100010 |
Color Schemes with #22eae2
Alternatives to #22eae2
Below, you can see some colors close to #22eae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22eae2 Preview
This text has a font color of #22eae2.
<span style="color:#22eae2;">Text here</span>
This paragraph has a background color of #22eae2.
<p style="background-color:#22eae2;">Content here</p>
This element has a border color of #22eae2.
<div style="border:1px solid #22eae2;">Content here</div>
.text {color:#22eae2;}
.background {background-color:#22eae2;}
.border {border:1px solid #22eae2;}
Shades and Tints of #22eae2
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, #010c0b is the darkest color, while #f9fefe is the lightest one.
-
#010c0b
#010c0b
rgb(1,12,11)
-
#031e1d
#031e1d
rgb(3,30,29)
-
#05302e
#05302e
rgb(5,48,46)
-
#06423f
#06423f
rgb(6,66,63)
-
#085451
#085451
rgb(8,84,81)
-
#0a6562
#0a6562
rgb(10,101,98)
-
#0b7773
#0b7773
rgb(11,119,115)
-
#0d8984
#0d8984
rgb(13,137,132)
-
#0f9b96
#0f9b96
rgb(15,155,150)
-
#10ada7
#10ada7
rgb(16,173,167)
-
#12bfb8
#12bfb8
rgb(18,191,184)
-
#14d1c9
#14d1c9
rgb(20,209,201)
-
#16e3db
#16e3db
rgb(22,227,219)
-
#22eae2
#22eae2
rgb(34,234,226)
-
#34ece4
#34ece4
rgb(52,236,228)
-
#46ede7
#46ede7
rgb(70,237,231)
-
#58efe9
#58efe9
rgb(88,239,233)
-
#6af1eb
#6af1eb
rgb(106,241,235)
-
#7cf3ee
#7cf3ee
rgb(124,243,238)
-
#8df4f0
#8df4f0
rgb(141,244,240)
-
#9ff6f2
#9ff6f2
rgb(159,246,242)
-
#b1f8f5
#b1f8f5
rgb(177,248,245)
-
#c3f9f7
#c3f9f7
rgb(195,249,247)
-
#d5fbfa
#d5fbfa
rgb(213,251,250)
-
#e7fdfc
#e7fdfc
rgb(231,253,252)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22eae2
A tone is produced by adding gray to any pure hue. In this case, #7f8d8c is the less saturated color, while #0ffdf3 is the most saturated one.
-
#7f8d8c
#7f8d8c
rgb(127,141,140)
-
#769695
#769695
rgb(118,150,149)
-
#6ca09d
#6ca09d
rgb(108,160,157)
-
#63a9a6
#63a9a6
rgb(99,169,166)
-
#5ab2af
#5ab2af
rgb(90,178,175)
-
#51bbb7
#51bbb7
rgb(81,187,183)
-
#47c5c0
#47c5c0
rgb(71,197,192)
-
#3ecec8
#3ecec8
rgb(62,206,200)
-
#35d7d1
#35d7d1
rgb(53,215,209)
-
#2be1d9
#2be1d9
rgb(43,225,217)
-
#22eae2
#22eae2
rgb(34,234,226)
-
#19f3eb
#19f3eb
rgb(25,243,235)
-
#0ffdf3
#0ffdf3
rgb(15,253,243)
Color Blindness Simulator
Below, you can see how #22eae2 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.