#20518e hex color

In a RGB color space, hex #20518e is composed of 12.5% red, 31.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 43% magenta, 0% yellow and 44.3% black. It has a hue angle of 213.3 degrees, a saturation of 63.2% and a lightness of 34.1%. #20518e color hex could be obtained by blending #40a2ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 32
- B 56
RGB color chart
- C 77
- M 43
- Y 0
- K 44
CMYK color chart

● #20518e color description : Dark blue.

The hexadecimal color #20518e has RGB values of R:32, G:81, B:142 and CMYK values of C:0.77, M:0.43, Y:0, K:0.44. Its decimal value is 2118030.

Hex triplet	20518e	`#20518e`
RGB Decimal	32, 81, 142	`rgb(32,81,142)`
RGB Percent	12.5, 31.8, 55.7	`rgb(12.5%,31.8%,55.7%)`
CMYK	77, 43, 0, 44
HSL	213.3°, 63.2, 34.1	`hsl(213.3,63.2%,34.1%)`
HSV (or HSB)	213.3°, 77.5, 55.7
Web Safe	336699	`#336699`

CIE-LAB	34.282, 6.156, -38.519
XYZ	8.419, 8.144, 26.718
xyY	0.195, 0.188, 8.144
CIE-LCH	34.282, 39.008, 279.081
CIE-LUV	34.282, -16.949, -53.71
Hunter-Lab	28.538, 2.72, -35.532
Binary	00100000, 01010001, 10001110

#20518e
```
#20518e rgb(32,81,142)
```
#8e5d20
```
#8e5d20 rgb(142,93,32)
```

Complementary Color

#20888e
```
#20888e rgb(32,136,142)
```
#20518e
```
#20518e rgb(32,81,142)
```
#26208e
```
#26208e rgb(38,32,142)
```

Analogous Color

#888e20
```
#888e20 rgb(136,142,32)
```
#20518e
```
#20518e rgb(32,81,142)
```
#8e2620
```
#8e2620 rgb(142,38,32)
```

Split Complementary Color

#518e20
```
#518e20 rgb(81,142,32)
```
#20518e
```
#20518e rgb(32,81,142)
```
#8e2051
```
#8e2051 rgb(142,32,81)
```

Triadic Color

#208e5d
```
#208e5d rgb(32,142,93)
```
#20518e
```
#20518e rgb(32,81,142)
```
#8e2051
```
#8e2051 rgb(142,32,81)
```
#8e5d20
```
#8e5d20 rgb(142,93,32)
```

Tetradic Color

#122d50
```
#122d50 rgb(18,45,80)
```
#173964
```
#173964 rgb(23,57,100)
```
#1b4579
```
#1b4579 rgb(27,69,121)
```
#20518e
```
#20518e rgb(32,81,142)
```
#255da3
```
#255da3 rgb(37,93,163)
```
#2969b8
```
#2969b8 rgb(41,105,184)
```
#2e75cc
```
#2e75cc rgb(46,117,204)
```

Monochromatic Color

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

#206d8e
```
#206d8e rgb(32,109,142)
```
#20638e
```
#20638e rgb(32,99,142)
```
#205a8e
```
#205a8e rgb(32,90,142)
```
#20518e
```
#20518e rgb(32,81,142)
```
#20488e
```
#20488e rgb(32,72,142)
```
#203f8e
```
#203f8e rgb(32,63,142)
```
#20368e
```
#20368e rgb(32,54,142)
```

Similar Colors

Text with hexadecimal color #20518e

This text has a font color of #20518e.

<span style="color:#20518e;">Text here</span>

#20518e background color

This paragraph has a background color of #20518e.

<p style="background-color:#20518e;">Content here</p>

#20518e border color

This element has a border color of #20518e.

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

CSS codes

.text {color:#20518e;}

.background {background-color:#20518e;}

.border {border:1px solid #20518e;}

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)
```
#0a1a2e
```
#0a1a2e rgb(10,26,46)
```
#0e233e
```
#0e233e rgb(14,35,62)
```
#122c4e
```
#122c4e rgb(18,44,78)
```
#15365e
```
#15365e rgb(21,54,94)
```
#193f6e
```
#193f6e rgb(25,63,110)
```
#1c487e
```
#1c487e rgb(28,72,126)
```
#20518e
```
#20518e rgb(32,81,142)
```
#245a9e
```
#245a9e rgb(36,90,158)
```
#2763ae
```
#2763ae rgb(39,99,174)
```
#2b6cbe
```
#2b6cbe rgb(43,108,190)
```
#2e76ce
```
#2e76ce rgb(46,118,206)
```

Shade Color Variation

#3d80d3
```
#3d80d3 rgb(61,128,211)
```
#4d8ad7
```
#4d8ad7 rgb(77,138,215)
```
#5d95da
```
#5d95da rgb(93,149,218)
```
#6d9fde
```
#6d9fde rgb(109,159,222)
```
#7daae2
```
#7daae2 rgb(125,170,226)
```
#8db4e5
```
#8db4e5 rgb(141,180,229)
```
#9dbfe9
```
#9dbfe9 rgb(157,191,233)
```
#adc9ec
```
#adc9ec rgb(173,201,236)
```
#bdd4f0
```
#bdd4f0 rgb(189,212,240)
```
#cddef4
```
#cddef4 rgb(205,222,244)
```
#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, #565758 is the less saturated color, while #054ea9 is the most saturated one.

#565758
```
#565758 rgb(86,87,88)
```
#4f565f
```
#4f565f rgb(79,86,95)
```
#485566
```
#485566 rgb(72,85,102)
```
#41556d
```
#41556d rgb(65,85,109)
```
#3b5473
```
#3b5473 rgb(59,84,115)
```
#34537a
```
#34537a rgb(52,83,122)
```
#2d5281
```
#2d5281 rgb(45,82,129)
```
#275287
```
#275287 rgb(39,82,135)
```
#20518e
```
#20518e rgb(32,81,142)
```
#195095
```
#195095 rgb(25,80,149)
```
#13509b
```
#13509b rgb(19,80,155)
```
#0c4fa2
```
#0c4fa2 rgb(12,79,162)
```
#054ea9
```
#054ea9 rgb(5,78,169)
```

Tone Color Variation

Below, you can see how #20518e 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

#494949 Achromatopsia 0.005% of the population
#414b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5791 Protanopia 1% of men
#255a93 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#335590 Protanomaly 1% of men, 0.01% of women
#235791 Deuteranomaly 6% of men, 0.4% of women
#0b5c76 Tritanomaly 0.01% of the population

#20518e hex color

#20518e Color Information

#20518e Color Conversion

Color Schemes with #20518e

Alternatives to #20518e

#20518e Preview

Shades and Tints of #20518e

Tones of #20518e

Color Blindness Simulator