#22ccea Color Information
In a RGB color space, hex #22ccea is composed of 13.3% red, 80% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 12.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 189 degrees, a saturation of 82.6% and a lightness of 52.5%. #22ccea color hex could be obtained by blending #44ffff with #0099d5. Closest websafe color is: #33ccff.
-
- R 13
- G 80
- B 92
-
- C 85
- M 13
- Y 0
- K 8
● #22ccea color description : Vivid cyan.
#22ccea Color Conversion
The hexadecimal color #22ccea has RGB values of R:34, G:204, B:234 and CMYK values of C:0.85, M:0.13, Y:0, K:0.08. Its decimal value is 2280682.
Hex triplet | 22ccea | #22ccea |
---|---|---|
RGB Decimal | 34, 204, 234 | rgb(34,204,234) |
RGB Percent | 13.3, 80, 91.8 | rgb(13.3%,80%,91.8%) |
CMYK | 85, 13, 0, 8 | |
HSL | 189°, 82.6, 52.5 | hsl(189,82.6%,52.5%) |
HSV (or HSB) | 189°, 85.5, 91.8 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.738, -30.014, -26.295 |
---|---|
XYZ | 37.1, 49.463, 85.429 |
xyY | 0.216, 0.288, 49.463 |
CIE-LCH | 75.738, 39.903, 221.222 |
CIE-LUV | 75.738, -53.665, -37.771 |
Hunter-Lab | 70.33, -28.916, -22.789 |
Binary | 00100010, 11001100, 11101010 |
Color Schemes with #22ccea
Alternatives to #22ccea
Below, you can see some colors close to #22ccea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ccea Preview
This text has a font color of #22ccea.
<span style="color:#22ccea;">Text here</span>
This paragraph has a background color of #22ccea.
<p style="background-color:#22ccea;">Content here</p>
This element has a border color of #22ccea.
<div style="border:1px solid #22ccea;">Content here</div>
.text {color:#22ccea;}
.background {background-color:#22ccea;}
.border {border:1px solid #22ccea;}
Shades and Tints of #22ccea
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, #010a0c is the darkest color, while #f9fefe is the lightest one.
-
#010a0c
#010a0c
rgb(1,10,12)
-
#031a1e
#031a1e
rgb(3,26,30)
-
#052930
#052930
rgb(5,41,48)
-
#063942
#063942
rgb(6,57,66)
-
#084854
#084854
rgb(8,72,84)
-
#0a5865
#0a5865
rgb(10,88,101)
-
#0b6777
#0b6777
rgb(11,103,119)
-
#0d7789
#0d7789
rgb(13,119,137)
-
#0f869b
#0f869b
rgb(15,134,155)
-
#1096ad
#1096ad
rgb(16,150,173)
-
#12a5bf
#12a5bf
rgb(18,165,191)
-
#14b5d1
#14b5d1
rgb(20,181,209)
-
#16c4e3
#16c4e3
rgb(22,196,227)
-
#22ccea
#22ccea
rgb(34,204,234)
-
#34d0ec
#34d0ec
rgb(52,208,236)
-
#46d4ed
#46d4ed
rgb(70,212,237)
-
#58d8ef
#58d8ef
rgb(88,216,239)
-
#6addf1
#6addf1
rgb(106,221,241)
-
#7ce1f3
#7ce1f3
rgb(124,225,243)
-
#8de5f4
#8de5f4
rgb(141,229,244)
-
#9fe9f6
#9fe9f6
rgb(159,233,246)
-
#b1edf8
#b1edf8
rgb(177,237,248)
-
#c3f1f9
#c3f1f9
rgb(195,241,249)
-
#d5f5fb
#d5f5fb
rgb(213,245,251)
-
#e7f9fd
#e7f9fd
rgb(231,249,253)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #22ccea
A tone is produced by adding gray to any pure hue. In this case, #7f8b8d is the less saturated color, while #0fd9fd is the most saturated one.
-
#7f8b8d
#7f8b8d
rgb(127,139,141)
-
#769196
#769196
rgb(118,145,150)
-
#6c98a0
#6c98a0
rgb(108,152,160)
-
#639ea9
#639ea9
rgb(99,158,169)
-
#5aa5b2
#5aa5b2
rgb(90,165,178)
-
#51abbb
#51abbb
rgb(81,171,187)
-
#47b2c5
#47b2c5
rgb(71,178,197)
-
#3eb8ce
#3eb8ce
rgb(62,184,206)
-
#35bfd7
#35bfd7
rgb(53,191,215)
-
#2bc5e1
#2bc5e1
rgb(43,197,225)
-
#22ccea
#22ccea
rgb(34,204,234)
-
#19d3f3
#19d3f3
rgb(25,211,243)
-
#0fd9fd
#0fd9fd
rgb(15,217,253)
Color Blindness Simulator
Below, you can see how #22ccea 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.