#22708c Color Information
In a RGB color space, hex #22708c is composed of 13.3% red, 43.9% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 20% magenta, 0% yellow and 45.1% black. It has a hue angle of 195.8 degrees, a saturation of 60.9% and a lightness of 34.1%. #22708c color hex could be obtained by blending #44e0ff with #000019. Closest websafe color is: #336699.
-
- R 13
- G 44
- B 55
-
- C 76
- M 20
- Y 0
- K 45
● #22708c color description : Dark blue.
#22708c Color Conversion
The hexadecimal color #22708c has RGB values of R:34, G:112, B:140 and CMYK values of C:0.76, M:0.2, Y:0, K:0.45. Its decimal value is 2257036.
Hex triplet | 22708c | #22708c |
---|---|---|
RGB Decimal | 34, 112, 140 | rgb(34,112,140) |
RGB Percent | 13.3, 43.9, 54.9 | rgb(13.3%,43.9%,54.9%) |
CMYK | 76, 20, 0, 45 | |
HSL | 195.8°, 60.9, 34.1 | hsl(195.8,60.9%,34.1%) |
HSV (or HSB) | 195.8°, 75.7, 54.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.975, -13.483, -22.071 |
---|---|
XYZ | 11.186, 13.821, 26.888 |
xyY | 0.216, 0.266, 13.821 |
CIE-LCH | 43.975, 25.864, 238.579 |
CIE-LUV | 43.975, -27.596, -30.041 |
Hunter-Lab | 37.176, -11.349, -16.858 |
Binary | 00100010, 01110000, 10001100 |
Color Schemes with #22708c
Alternatives to #22708c
Below, you can see some colors close to #22708c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22708c Preview
This text has a font color of #22708c.
<span style="color:#22708c;">Text here</span>
This paragraph has a background color of #22708c.
<p style="background-color:#22708c;">Content here</p>
This element has a border color of #22708c.
<div style="border:1px solid #22708c;">Content here</div>
.text {color:#22708c;}
.background {background-color:#22708c;}
.border {border:1px solid #22708c;}
Shades and Tints of #22708c
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, #030b0e is the darkest color, while #fdfeff is the lightest one.
-
#030b0e
#030b0e
rgb(3,11,14)
-
#07181e
#07181e
rgb(7,24,30)
-
#0b242d
#0b242d
rgb(11,36,45)
-
#0f313d
#0f313d
rgb(15,49,61)
-
#133d4d
#133d4d
rgb(19,61,77)
-
#174a5d
#174a5d
rgb(23,74,93)
-
#1a576c
#1a576c
rgb(26,87,108)
-
#1e637c
#1e637c
rgb(30,99,124)
-
#22708c
#22708c
rgb(34,112,140)
-
#267d9c
#267d9c
rgb(38,125,156)
-
#2a89ac
#2a89ac
rgb(42,137,172)
-
#2d96bb
#2d96bb
rgb(45,150,187)
-
#31a3cb
#31a3cb
rgb(49,163,203)
-
#40aad1
#40aad1
rgb(64,170,209)
-
#4fb1d4
#4fb1d4
rgb(79,177,212)
-
#5fb8d8
#5fb8d8
rgb(95,184,216)
-
#6fbfdc
#6fbfdc
rgb(111,191,220)
-
#7fc6e0
#7fc6e0
rgb(127,198,224)
-
#8ecde4
#8ecde4
rgb(142,205,228)
-
#9ed4e8
#9ed4e8
rgb(158,212,232)
-
#aedbeb
#aedbeb
rgb(174,219,235)
-
#bee2ef
#bee2ef
rgb(190,226,239)
-
#cee9f3
#cee9f3
rgb(206,233,243)
-
#ddf0f7
#ddf0f7
rgb(221,240,247)
-
#edf7fb
#edf7fb
rgb(237,247,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #22708c
A tone is produced by adding gray to any pure hue. In this case, #515a5d is the less saturated color, while #0180ad is the most saturated one.
-
#515a5d
#515a5d
rgb(81,90,93)
-
#4a5d64
#4a5d64
rgb(74,93,100)
-
#43606b
#43606b
rgb(67,96,107)
-
#3d6371
#3d6371
rgb(61,99,113)
-
#366778
#366778
rgb(54,103,120)
-
#2f6a7f
#2f6a7f
rgb(47,106,127)
-
#296d85
#296d85
rgb(41,109,133)
-
#22708c
#22708c
rgb(34,112,140)
-
#1b7393
#1b7393
rgb(27,115,147)
-
#157699
#157699
rgb(21,118,153)
-
#0e79a0
#0e79a0
rgb(14,121,160)
-
#077da7
#077da7
rgb(7,125,167)
-
#0180ad
#0180ad
rgb(1,128,173)
Color Blindness Simulator
Below, you can see how #22708c 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.