#2a5789 hex color

In a RGB color space, hex #2a5789 is composed of 16.5% red, 34.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 36.5% magenta, 0% yellow and 46.3% black. It has a hue angle of 211.6 degrees, a saturation of 53.1% and a lightness of 35.1%. #2a5789 color hex could be obtained by blending #54aeff with #000013. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 34
- B 54
RGB color chart
- C 69
- M 36
- Y 0
- K 46
CMYK color chart

● #2a5789 color description : Dark moderate blue.

The hexadecimal color #2a5789 has RGB values of R:42, G:87, B:137 and CMYK values of C:0.69, M:0.36, Y:0, K:0.46. Its decimal value is 2774921.

Hex triplet	2a5789	`#2a5789`
RGB Decimal	42, 87, 137	`rgb(42,87,137)`
RGB Percent	16.5, 34.1, 53.7	`rgb(16.5%,34.1%,53.7%)`
CMYK	69, 36, 0, 46
HSL	211.6°, 53.1, 35.1	`hsl(211.6,53.1%,35.1%)`
HSV (or HSB)	211.6°, 69.3, 53.7
Web Safe	336699	`#336699`

CIE-LAB	36.203, 1.843, -32.392
XYZ	8.877, 9.114, 24.957
xyY	0.207, 0.212, 9.114
CIE-LCH	36.203, 32.445, 273.257
CIE-LUV	36.203, -17.306, -45.305
Hunter-Lab	30.19, -0.343, -27.881
Binary	00101010, 01010111, 10001001

#2a5789
```
#2a5789 rgb(42,87,137)
```
#895c2a
```
#895c2a rgb(137,92,42)
```

Complementary Color

#2a8789
```
#2a8789 rgb(42,135,137)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#2d2a89
```
#2d2a89 rgb(45,42,137)
```

Analogous Color

#87892a
```
#87892a rgb(135,137,42)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#892d2a
```
#892d2a rgb(137,45,42)
```

Split Complementary Color

#57892a
```
#57892a rgb(87,137,42)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#892a57
```
#892a57 rgb(137,42,87)
```

Triadic Color

#2a895c
```
#2a895c rgb(42,137,92)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#892a57
```
#892a57 rgb(137,42,87)
```
#895c2a
```
#895c2a rgb(137,92,42)
```

Tetradic Color

#18324e
```
#18324e rgb(24,50,78)
```
#1e3e62
```
#1e3e62 rgb(30,62,98)
```
#244b75
```
#244b75 rgb(36,75,117)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#30639d
```
#30639d rgb(48,99,157)
```
#3670b0
```
#3670b0 rgb(54,112,176)
```
#3c7cc3
```
#3c7cc3 rgb(60,124,195)
```

Monochromatic Color

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

#2a6f89
```
#2a6f89 rgb(42,111,137)
```
#2a6789
```
#2a6789 rgb(42,103,137)
```
#2a5f89
```
#2a5f89 rgb(42,95,137)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#2a4f89
```
#2a4f89 rgb(42,79,137)
```
#2a4789
```
#2a4789 rgb(42,71,137)
```
#2a3f89
```
#2a3f89 rgb(42,63,137)
```

Similar Colors

Text with hexadecimal color #2a5789

This text has a font color of #2a5789.

<span style="color:#2a5789;">Text here</span>

#2a5789 background color

This paragraph has a background color of #2a5789.

<p style="background-color:#2a5789;">Content here</p>

#2a5789 border color

This element has a border color of #2a5789.

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

CSS codes

.text {color:#2a5789;}

.background {background-color:#2a5789;}

.border {border:1px solid #2a5789;}

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, #010102 is the darkest color, while #f2f6fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#0a1420
```
#0a1420 rgb(10,20,32)
```
#0e1e2f
```
#0e1e2f rgb(14,30,47)
```
#13273e
```
#13273e rgb(19,39,62)
```
#18314d
```
#18314d rgb(24,49,77)
```
#1c3a5c
```
#1c3a5c rgb(28,58,92)
```
#21446b
```
#21446b rgb(33,68,107)
```
#254d7a
```
#254d7a rgb(37,77,122)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#2f6198
```
#2f6198 rgb(47,97,152)
```
#336aa7
```
#336aa7 rgb(51,106,167)
```
#3874b6
```
#3874b6 rgb(56,116,182)
```

Shade Color Variation

#3e7dc4
```
#3e7dc4 rgb(62,125,196)
```
#4d87c8
```
#4d87c8 rgb(77,135,200)
```
#5c91cd
```
#5c91cd rgb(92,145,205)
```
#6b9bd2
```
#6b9bd2 rgb(107,155,210)
```
#7aa6d6
```
#7aa6d6 rgb(122,166,214)
```
#89b0db
```
#89b0db rgb(137,176,219)
```
#98badf
```
#98badf rgb(152,186,223)
```
#a7c4e4
```
#a7c4e4 rgb(167,196,228)
```
#b6cee9
```
#b6cee9 rgb(182,206,233)
```
#c5d8ed
```
#c5d8ed rgb(197,216,237)
```
#d4e2f2
```
#d4e2f2 rgb(212,226,242)
```
#e3ecf6
```
#e3ecf6 rgb(227,236,246)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#535960
```
#535960 rgb(83,89,96)
```
#4c5967
```
#4c5967 rgb(76,89,103)
```
#46586d
```
#46586d rgb(70,88,109)
```
#3f5874
```
#3f5874 rgb(63,88,116)
```
#38587b
```
#38587b rgb(56,88,123)
```
#315782
```
#315782 rgb(49,87,130)
```
#2a5789
```
#2a5789 rgb(42,87,137)
```
#235790
```
#235790 rgb(35,87,144)
```
#1c5697
```
#1c5697 rgb(28,86,151)
```
#15569e
```
#15569e rgb(21,86,158)
```
#0e56a5
```
#0e56a5 rgb(14,86,165)
```
#0855ab
```
#0855ab rgb(8,85,171)
```
#0155b2
```
#0155b2 rgb(1,85,178)
```

Tone Color Variation

Below, you can see how #2a5789 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

#4f4f4f Achromatopsia 0.005% of the population
#48515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5c8c Protanopia 1% of men
#3e5e8f Deuteranopia 1% of men
#15666e Tritanopia 0.001% of the population

Trichromacy

#3e5a8b Protanomaly 1% of men, 0.01% of women
#375b8d Deuteranomaly 6% of men, 0.4% of women
#1d6178 Tritanomaly 0.01% of the population

#2a5789 hex color

#2a5789 Color Information

#2a5789 Color Conversion

Color Schemes with #2a5789

Alternatives to #2a5789

#2a5789 Preview

Shades and Tints of #2a5789

Tones of #2a5789

Color Blindness Simulator