#22ccd9 Color Information
In a RGB color space, hex #22ccd9 is composed of 13.3% red, 80% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 6% magenta, 0% yellow and 14.9% black. It has a hue angle of 184.3 degrees, a saturation of 72.9% and a lightness of 49.2%. #22ccd9 color hex could be obtained by blending #44ffff with #0099b3. Closest websafe color is: #33cccc.
-
- R 13
- G 80
- B 85
-
- C 84
- M 6
- Y 0
- K 15
● #22ccd9 color description : Bright cyan.
#22ccd9 Color Conversion
The hexadecimal color #22ccd9 has RGB values of R:34, G:204, B:217 and CMYK values of C:0.84, M:0.06, Y:0, K:0.15. Its decimal value is 2280665.
Hex triplet | 22ccd9 | #22ccd9 |
---|---|---|
RGB Decimal | 34, 204, 217 | rgb(34,204,217) |
RGB Percent | 13.3, 80, 85.1 | rgb(13.3%,80%,85.1%) |
CMYK | 84, 6, 0, 15 | |
HSL | 184.3°, 72.9, 49.2 | hsl(184.3,72.9%,49.2%) |
HSV (or HSB) | 184.3°, 84.3, 85.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.159, -35.322, -18.015 |
---|---|
XYZ | 34.773, 48.532, 73.177 |
xyY | 0.222, 0.31, 48.532 |
CIE-LCH | 75.159, 39.651, 207.023 |
CIE-LUV | 75.159, -54.949, -23.127 |
Hunter-Lab | 69.665, -32.816, -13.513 |
Binary | 00100010, 11001100, 11011001 |
Color Schemes with #22ccd9
Alternatives to #22ccd9
Below, you can see some colors close to #22ccd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22ccd9 Preview
This text has a font color of #22ccd9.
<span style="color:#22ccd9;">Text here</span>
This paragraph has a background color of #22ccd9.
<p style="background-color:#22ccd9;">Content here</p>
This element has a border color of #22ccd9.
<div style="border:1px solid #22ccd9;">Content here</div>
.text {color:#22ccd9;}
.background {background-color:#22ccd9;}
.border {border:1px solid #22ccd9;}
Shades and Tints of #22ccd9
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, #020d0e is the darkest color, while #fcfefe is the lightest one.
-
#020d0e
#020d0e
rgb(2,13,14)
-
#051d1e
#051d1e
rgb(5,29,30)
-
#072d2f
#072d2f
rgb(7,45,47)
-
#0a3d40
#0a3d40
rgb(10,61,64)
-
#0d4c51
#0d4c51
rgb(13,76,81)
-
#0f5c62
#0f5c62
rgb(15,92,98)
-
#126c73
#126c73
rgb(18,108,115)
-
#157c84
#157c84
rgb(21,124,132)
-
#178c95
#178c95
rgb(23,140,149)
-
#1a9ca6
#1a9ca6
rgb(26,156,166)
-
#1dacb7
#1dacb7
rgb(29,172,183)
-
#1fbcc8
#1fbcc8
rgb(31,188,200)
-
#22ccd9
#22ccd9
rgb(34,204,217)
-
#30d2df
#30d2df
rgb(48,210,223)
-
#41d6e1
#41d6e1
rgb(65,214,225)
-
#52dae4
#52dae4
rgb(82,218,228)
-
#63dde7
#63dde7
rgb(99,221,231)
-
#74e1e9
#74e1e9
rgb(116,225,233)
-
#85e5ec
#85e5ec
rgb(133,229,236)
-
#96e8ef
#96e8ef
rgb(150,232,239)
-
#a7ecf1
#a7ecf1
rgb(167,236,241)
-
#b8f0f4
#b8f0f4
rgb(184,240,244)
-
#c9f3f6
#c9f3f6
rgb(201,243,246)
-
#daf7f9
#daf7f9
rgb(218,247,249)
-
#ebfbfc
#ebfbfc
rgb(235,251,252)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #22ccd9
A tone is produced by adding gray to any pure hue. In this case, #798182 is the less saturated color, while #05e5f6 is the most saturated one.
-
#798182
#798182
rgb(121,129,130)
-
#6f8a8c
#6f8a8c
rgb(111,138,140)
-
#669295
#669295
rgb(102,146,149)
-
#5c9a9f
#5c9a9f
rgb(92,154,159)
-
#52a3a9
#52a3a9
rgb(82,163,169)
-
#49abb2
#49abb2
rgb(73,171,178)
-
#3fb3bc
#3fb3bc
rgb(63,179,188)
-
#35bbc6
#35bbc6
rgb(53,187,198)
-
#2cc4cf
#2cc4cf
rgb(44,196,207)
-
#22ccd9
#22ccd9
rgb(34,204,217)
-
#18d4e3
#18d4e3
rgb(24,212,227)
-
#0fddec
#0fddec
rgb(15,221,236)
-
#05e5f6
#05e5f6
rgb(5,229,246)
Color Blindness Simulator
Below, you can see how #22ccd9 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.