#22518c hex color

In a RGB color space, hex #22518c is composed of 13.3% red, 31.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 42.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 213.4 degrees, a saturation of 60.9% and a lightness of 34.1%. #22518c color hex could be obtained by blending #44a2ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 32
- B 55
RGB color chart
- C 76
- M 42
- Y 0
- K 45
CMYK color chart

● #22518c color description : Dark blue.

The hexadecimal color #22518c has RGB values of R:34, G:81, B:140 and CMYK values of C:0.76, M:0.42, Y:0, K:0.45. Its decimal value is 2249100.

Hex triplet	22518c	`#22518c`
RGB Decimal	34, 81, 140	`rgb(34,81,140)`
RGB Percent	13.3, 31.8, 54.9	`rgb(13.3%,31.8%,54.9%)`
CMYK	76, 42, 0, 45
HSL	213.4°, 60.9, 34.1	`hsl(213.4,60.9%,34.1%)`
HSV (or HSB)	213.4°, 75.7, 54.9
Web Safe	336699	`#336699`

CIE-LAB	34.227, 5.641, -37.382
XYZ	8.335, 8.118, 25.937
xyY	0.197, 0.192, 8.118
CIE-LCH	34.227, 37.805, 278.581
CIE-LUV	34.227, -16.681, -52.032
Hunter-Lab	28.492, 2.356, -34.03
Binary	00100010, 01010001, 10001100

#22518c
```
#22518c rgb(34,81,140)
```
#8c5d22
```
#8c5d22 rgb(140,93,34)
```

Complementary Color

#22868c
```
#22868c rgb(34,134,140)
```
#22518c
```
#22518c rgb(34,81,140)
```
#28228c
```
#28228c rgb(40,34,140)
```

Analogous Color

#868c22
```
#868c22 rgb(134,140,34)
```
#22518c
```
#22518c rgb(34,81,140)
```
#8c2822
```
#8c2822 rgb(140,40,34)
```

Split Complementary Color

#518c22
```
#518c22 rgb(81,140,34)
```
#22518c
```
#22518c rgb(34,81,140)
```
#8c2251
```
#8c2251 rgb(140,34,81)
```

Triadic Color

#228c5d
```
#228c5d rgb(34,140,93)
```
#22518c
```
#22518c rgb(34,81,140)
```
#8c2251
```
#8c2251 rgb(140,34,81)
```
#8c5d22
```
#8c5d22 rgb(140,93,34)
```

Tetradic Color

#132d4e
```
#132d4e rgb(19,45,78)
```
#183963
```
#183963 rgb(24,57,99)
```
#1d4577
```
#1d4577 rgb(29,69,119)
```
#22518c
```
#22518c rgb(34,81,140)
```
#275da1
```
#275da1 rgb(39,93,161)
```
#2c69b5
```
#2c69b5 rgb(44,105,181)
```
#3175ca
```
#3175ca rgb(49,117,202)
```

Monochromatic Color

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

#226c8c
```
#226c8c rgb(34,108,140)
```
#22638c
```
#22638c rgb(34,99,140)
```
#225a8c
```
#225a8c rgb(34,90,140)
```
#22518c
```
#22518c rgb(34,81,140)
```
#22488c
```
#22488c rgb(34,72,140)
```
#223f8c
```
#223f8c rgb(34,63,140)
```
#22378c
```
#22378c rgb(34,55,140)
```

Similar Colors

Text with hexadecimal color #22518c

This text has a font color of #22518c.

<span style="color:#22518c;">Text here</span>

#22518c background color

This paragraph has a background color of #22518c.

<p style="background-color:#22518c;">Content here</p>

#22518c border color

This element has a border color of #22518c.

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

CSS codes

.text {color:#22518c;}

.background {background-color:#22518c;}

.border {border:1px solid #22518c;}

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, #03080e is the darkest color, while #fdfeff is the lightest one.

#03080e
```
#03080e rgb(3,8,14)
```
#07111e
```
#07111e rgb(7,17,30)
```
#0b1a2d
```
#0b1a2d rgb(11,26,45)
```
#0f233d
```
#0f233d rgb(15,35,61)
```
#132c4d
```
#132c4d rgb(19,44,77)
```
#17365d
```
#17365d rgb(23,54,93)
```
#1a3f6c
```
#1a3f6c rgb(26,63,108)
```
#1e487c
```
#1e487c rgb(30,72,124)
```
#22518c
```
#22518c rgb(34,81,140)
```
#265a9c
```
#265a9c rgb(38,90,156)
```
#2a63ac
```
#2a63ac rgb(42,99,172)
```
#2d6cbb
```
#2d6cbb rgb(45,108,187)
```
#3176cb
```
#3176cb rgb(49,118,203)
```

Shade Color Variation

#4080d1
```
#4080d1 rgb(64,128,209)
```
#4f8ad4
```
#4f8ad4 rgb(79,138,212)
```
#5f95d8
```
#5f95d8 rgb(95,149,216)
```
#6f9fdc
```
#6f9fdc rgb(111,159,220)
```
#7faae0
```
#7faae0 rgb(127,170,224)
```
#8eb4e4
```
#8eb4e4 rgb(142,180,228)
```
#9ebfe8
```
#9ebfe8 rgb(158,191,232)
```
#aec9eb
```
#aec9eb rgb(174,201,235)
```
#bed4ef
```
#bed4ef rgb(190,212,239)
```
#cedef3
```
#cedef3 rgb(206,222,243)
```
#dde9f7
```
#dde9f7 rgb(221,233,247)
```
#edf3fb
```
#edf3fb rgb(237,243,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51565d is the less saturated color, while #014dad is the most saturated one.

#51565d
```
#51565d rgb(81,86,93)
```
#4a5664
```
#4a5664 rgb(74,86,100)
```
#43556b
```
#43556b rgb(67,85,107)
```
#3d5471
```
#3d5471 rgb(61,84,113)
```
#365378
```
#365378 rgb(54,83,120)
```
#2f537f
```
#2f537f rgb(47,83,127)
```
#295285
```
#295285 rgb(41,82,133)
```
#22518c
```
#22518c rgb(34,81,140)
```
#1b5093
```
#1b5093 rgb(27,80,147)
```
#154f99
```
#154f99 rgb(21,79,153)
```
#0e4fa0
```
#0e4fa0 rgb(14,79,160)
```
#074ea7
```
#074ea7 rgb(7,78,167)
```
#014dad
```
#014dad rgb(1,77,173)
```

Tone Color Variation

Below, you can see how #22518c 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

#4a4a4a Achromatopsia 0.005% of the population
#424b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5790 Protanopia 1% of men
#295a91 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#34558e Protanomaly 1% of men, 0.01% of women
#27578f Deuteranomaly 6% of men, 0.4% of women
#0c5c75 Tritanomaly 0.01% of the population

#22518c hex color

#22518c Color Information

#22518c Color Conversion

Color Schemes with #22518c

Alternatives to #22518c

#22518c Preview

Shades and Tints of #22518c

Tones of #22518c

Color Blindness Simulator