#22507a hex color

In a RGB color space, hex #22507a is composed of 13.3% red, 31.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 34.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 208.6 degrees, a saturation of 56.4% and a lightness of 30.6%. #22507a color hex could be obtained by blending #44a0f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 31
- B 48
RGB color chart
- C 72
- M 34
- Y 0
- K 52
CMYK color chart

● #22507a color description : Dark blue.

The hexadecimal color #22507a has RGB values of R:34, G:80, B:122 and CMYK values of C:0.72, M:0.34, Y:0, K:0.52. Its decimal value is 2248826.

Hex triplet	22507a	`#22507a`
RGB Decimal	34, 80, 122	`rgb(34,80,122)`
RGB Percent	13.3, 31.4, 47.8	`rgb(13.3%,31.4%,47.8%)`
CMYK	72, 34, 0, 52
HSL	208.6°, 56.4, 30.6	`hsl(208.6,56.4%,30.6%)`
HSV (or HSB)	208.6°, 72.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	32.88, -0.704, -28.428
XYZ	7.04, 7.482, 19.484
xyY	0.207, 0.22, 7.482
CIE-LCH	32.88, 28.437, 268.581
CIE-LUV	32.88, -16.834, -38.232
Hunter-Lab	27.353, -1.925, -23.086
Binary	00100010, 01010000, 01111010

#22507a
```
#22507a rgb(34,80,122)
```
#7a4c22
```
#7a4c22 rgb(122,76,34)
```

Complementary Color

#227a78
```
#227a78 rgb(34,122,120)
```
#22507a
```
#22507a rgb(34,80,122)
```
#22247a
```
#22247a rgb(34,36,122)
```

Analogous Color

#7a7822
```
#7a7822 rgb(122,120,34)
```
#22507a
```
#22507a rgb(34,80,122)
```
#7a2224
```
#7a2224 rgb(122,34,36)
```

Split Complementary Color

#507a22
```
#507a22 rgb(80,122,34)
```
#22507a
```
#22507a rgb(34,80,122)
```
#7a2250
```
#7a2250 rgb(122,34,80)
```

Triadic Color

#227a4c
```
#227a4c rgb(34,122,76)
```
#22507a
```
#22507a rgb(34,80,122)
```
#7a2250
```
#7a2250 rgb(122,34,80)
```
#7a4c22
```
#7a4c22 rgb(122,76,34)
```

Tetradic Color

#11293e
```
#11293e rgb(17,41,62)
```
#173652
```
#173652 rgb(23,54,82)
```
#1c4366
```
#1c4366 rgb(28,67,102)
```
#22507a
```
#22507a rgb(34,80,122)
```
#285d8e
```
#285d8e rgb(40,93,142)
```
#2d6aa2
```
#2d6aa2 rgb(45,106,162)
```
#3377b6
```
#3377b6 rgb(51,119,182)
```

Monochromatic Color

Below, you can see some colors close to #22507a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#22667a
```
#22667a rgb(34,102,122)
```
#225f7a
```
#225f7a rgb(34,95,122)
```
#22577a
```
#22577a rgb(34,87,122)
```
#22507a
```
#22507a rgb(34,80,122)
```
#22497a
```
#22497a rgb(34,73,122)
```
#22417a
```
#22417a rgb(34,65,122)
```
#223a7a
```
#223a7a rgb(34,58,122)
```

Similar Colors

Text with hexadecimal color #22507a

This text has a font color of #22507a.

<span style="color:#22507a;">Text here</span>

#22507a background color

This paragraph has a background color of #22507a.

<p style="background-color:#22507a;">Content here</p>

#22507a border color

This element has a border color of #22507a.

<div style="border:1px solid #22507a;">Content here</div>

CSS codes

.text {color:#22507a;}

.background {background-color:#22507a;}

.border {border:1px solid #22507a;}

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#08141e
```
#08141e rgb(8,20,30)
```
#0d1e2d
```
#0d1e2d rgb(13,30,45)
```
#11283d
```
#11283d rgb(17,40,61)
```
#15324c
```
#15324c rgb(21,50,76)
```
#193c5b
```
#193c5b rgb(25,60,91)
```
#1e466b
```
#1e466b rgb(30,70,107)
```
#22507a
```
#22507a rgb(34,80,122)
```
#265a89
```
#265a89 rgb(38,90,137)
```
#2b6499
```
#2b6499 rgb(43,100,153)
```
#2f6ea8
```
#2f6ea8 rgb(47,110,168)
```
#3378b7
```
#3378b7 rgb(51,120,183)
```
#3782c7
```
#3782c7 rgb(55,130,199)
```

Shade Color Variation

#468ccb
```
#468ccb rgb(70,140,203)
```
#5695d0
```
#5695d0 rgb(86,149,208)
```
#659fd4
```
#659fd4 rgb(101,159,212)
```
#74a9d8
```
#74a9d8 rgb(116,169,216)
```
#84b2dd
```
#84b2dd rgb(132,178,221)
```
#93bce1
```
#93bce1 rgb(147,188,225)
```
#a2c5e5
```
#a2c5e5 rgb(162,197,229)
```
#b2cfe9
```
#b2cfe9 rgb(178,207,233)
```
#c1d8ee
```
#c1d8ee rgb(193,216,238)
```
#d0e2f2
```
#d0e2f2 rgb(208,226,242)
```
#e0ebf6
```
#e0ebf6 rgb(224,235,246)
```
#eff5fb
```
#eff5fb rgb(239,245,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4e50 is the less saturated color, while #045198 is the most saturated one.

#4c4e50
```
#4c4e50 rgb(76,78,80)
```
#464e56
```
#464e56 rgb(70,78,86)
```
#404f5c
```
#404f5c rgb(64,79,92)
```
#3a4f62
```
#3a4f62 rgb(58,79,98)
```
#344f68
```
#344f68 rgb(52,79,104)
```
#2e4f6e
```
#2e4f6e rgb(46,79,110)
```
#285074
```
#285074 rgb(40,80,116)
```
#22507a
```
#22507a rgb(34,80,122)
```
#1c5080
```
#1c5080 rgb(28,80,128)
```
#165186
```
#165186 rgb(22,81,134)
```
#10518c
```
#10518c rgb(16,81,140)
```
#0a5192
```
#0a5192 rgb(10,81,146)
```
#045198
```
#045198 rgb(4,81,152)
```

Tone Color Variation

Below, you can see how #22507a 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.

Monochromacy

#474747 Achromatopsia 0.005% of the population
#404951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#47557d Protanopia 1% of men
#3d5681 Deuteranopia 1% of men
#0f5e65 Tritanopia 0.001% of the population

Trichromacy

#39537c Protanomaly 1% of men, 0.01% of women
#33547f Deuteranomaly 6% of men, 0.4% of women
#16596d Tritanomaly 0.01% of the population

#22507a hex color

#22507a Color Information

#22507a Color Conversion

Color Schemes with #22507a

Alternatives to #22507a

#22507a Preview

Shades and Tints of #22507a

Tones of #22507a

Color Blindness Simulator