#22778c Color Information
In a RGB color space, hex #22778c is composed of 13.3% red, 46.7% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 15% magenta, 0% yellow and 45.1% black. It has a hue angle of 191.9 degrees, a saturation of 60.9% and a lightness of 34.1%. #22778c color hex could be obtained by blending #44eeff with #000019. Closest websafe color is: #336699.
-
- R 13
- G 47
- B 55
-
- C 76
- M 15
- Y 0
- K 45
● #22778c color description : Dark cyan.
#22778c Color Conversion
The hexadecimal color #22778c has RGB values of R:34, G:119, B:140 and CMYK values of C:0.76, M:0.15, Y:0, K:0.45. Its decimal value is 2258828.
Hex triplet | 22778c | #22778c |
---|---|---|
RGB Decimal | 34, 119, 140 | rgb(34,119,140) |
RGB Percent | 13.3, 46.7, 54.9 | rgb(13.3%,46.7%,54.9%) |
CMYK | 76, 15, 0, 45 | |
HSL | 191.9°, 60.9, 34.1 | hsl(191.9,60.9%,34.1%) |
HSV (or HSB) | 191.9°, 75.7, 54.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 46.212, -17.402, -18.628 |
---|---|
XYZ | 11.989, 15.426, 27.155 |
xyY | 0.22, 0.283, 15.426 |
CIE-LCH | 46.212, 25.492, 226.949 |
CIE-LUV | 46.212, -30.167, -24.601 |
Hunter-Lab | 39.276, -14.247, -13.499 |
Binary | 00100010, 01110111, 10001100 |
Color Schemes with #22778c
Alternatives to #22778c
Below, you can see some colors close to #22778c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22778c Preview
This text has a font color of #22778c.
<span style="color:#22778c;">Text here</span>
This paragraph has a background color of #22778c.
<p style="background-color:#22778c;">Content here</p>
This element has a border color of #22778c.
<div style="border:1px solid #22778c;">Content here</div>
.text {color:#22778c;}
.background {background-color:#22778c;}
.border {border:1px solid #22778c;}
Shades and Tints of #22778c
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, #030c0e is the darkest color, while #fdfeff is the lightest one.
-
#030c0e
#030c0e
rgb(3,12,14)
-
#07191e
#07191e
rgb(7,25,30)
-
#0b272d
#0b272d
rgb(11,39,45)
-
#0f343d
#0f343d
rgb(15,52,61)
-
#13414d
#13414d
rgb(19,65,77)
-
#174f5d
#174f5d
rgb(23,79,93)
-
#1a5c6c
#1a5c6c
rgb(26,92,108)
-
#1e6a7c
#1e6a7c
rgb(30,106,124)
-
#22778c
#22778c
rgb(34,119,140)
-
#26849c
#26849c
rgb(38,132,156)
-
#2a92ac
#2a92ac
rgb(42,146,172)
-
#2d9fbb
#2d9fbb
rgb(45,159,187)
-
#31adcb
#31adcb
rgb(49,173,203)
-
#40b4d1
#40b4d1
rgb(64,180,209)
-
#4fbad4
#4fbad4
rgb(79,186,212)
-
#5fc0d8
#5fc0d8
rgb(95,192,216)
-
#6fc6dc
#6fc6dc
rgb(111,198,220)
-
#7fcde0
#7fcde0
rgb(127,205,224)
-
#8ed3e4
#8ed3e4
rgb(142,211,228)
-
#9ed9e8
#9ed9e8
rgb(158,217,232)
-
#aedfeb
#aedfeb
rgb(174,223,235)
-
#bee5ef
#bee5ef
rgb(190,229,239)
-
#ceecf3
#ceecf3
rgb(206,236,243)
-
#ddf2f7
#ddf2f7
rgb(221,242,247)
-
#edf8fb
#edf8fb
rgb(237,248,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #22778c
A tone is produced by adding gray to any pure hue. In this case, #515b5d is the less saturated color, while #018bad is the most saturated one.
-
#515b5d
#515b5d
rgb(81,91,93)
-
#4a5f64
#4a5f64
rgb(74,95,100)
-
#43636b
#43636b
rgb(67,99,107)
-
#3d6771
#3d6771
rgb(61,103,113)
-
#366b78
#366b78
rgb(54,107,120)
-
#2f6f7f
#2f6f7f
rgb(47,111,127)
-
#297385
#297385
rgb(41,115,133)
-
#22778c
#22778c
rgb(34,119,140)
-
#1b7b93
#1b7b93
rgb(27,123,147)
-
#157f99
#157f99
rgb(21,127,153)
-
#0e83a0
#0e83a0
rgb(14,131,160)
-
#0787a7
#0787a7
rgb(7,135,167)
-
#018bad
#018bad
rgb(1,139,173)
Color Blindness Simulator
Below, you can see how #22778c 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.