#2a5889 hex color

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

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

● #2a5889 color description : Dark moderate blue.

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

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

CIE-LAB	36.513, 1.202, -31.903
XYZ	8.959, 9.277, 24.984
xyY	0.207, 0.215, 9.277
CIE-LCH	36.513, 31.926, 272.157
CIE-LUV	36.513, -17.654, -44.636
Hunter-Lab	30.458, -0.799, -27.313
Binary	00101010, 01011000, 10001001

#2a5889
```
#2a5889 rgb(42,88,137)
```
#895b2a
```
#895b2a rgb(137,91,42)
```

Complementary Color

#2a8889
```
#2a8889 rgb(42,136,137)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#2c2a89
```
#2c2a89 rgb(44,42,137)
```

Analogous Color

#88892a
```
#88892a rgb(136,137,42)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#892c2a
```
#892c2a rgb(137,44,42)
```

Split Complementary Color

#58892a
```
#58892a rgb(88,137,42)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#892a58
```
#892a58 rgb(137,42,88)
```

Triadic Color

#2a895b
```
#2a895b rgb(42,137,91)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#892a58
```
#892a58 rgb(137,42,88)
```
#895b2a
```
#895b2a rgb(137,91,42)
```

Tetradic Color

#18324e
```
#18324e rgb(24,50,78)
```
#1e3f62
```
#1e3f62 rgb(30,63,98)
```
#244b75
```
#244b75 rgb(36,75,117)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#30659d
```
#30659d rgb(48,101,157)
```
#3671b0
```
#3671b0 rgb(54,113,176)
```
#3c7ec3
```
#3c7ec3 rgb(60,126,195)
```

Monochromatic Color

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

#2a7089
```
#2a7089 rgb(42,112,137)
```
#2a6889
```
#2a6889 rgb(42,104,137)
```
#2a6089
```
#2a6089 rgb(42,96,137)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#2a5089
```
#2a5089 rgb(42,80,137)
```
#2a4889
```
#2a4889 rgb(42,72,137)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```

Similar Colors

Text with hexadecimal color #2a5889

This text has a font color of #2a5889.

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

#2a5889 background color

This paragraph has a background color of #2a5889.

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

#2a5889 border color

This element has a border color of #2a5889.

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

CSS codes

.text {color:#2a5889;}

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

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

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)
```
#13283e
```
#13283e rgb(19,40,62)
```
#18314d
```
#18314d rgb(24,49,77)
```
#1c3b5c
```
#1c3b5c rgb(28,59,92)
```
#21456b
```
#21456b rgb(33,69,107)
```
#254e7a
```
#254e7a rgb(37,78,122)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#2f6298
```
#2f6298 rgb(47,98,152)
```
#336ba7
```
#336ba7 rgb(51,107,167)
```
#3875b6
```
#3875b6 rgb(56,117,182)
```

Shade Color Variation

#3e7fc4
```
#3e7fc4 rgb(62,127,196)
```
#4d89c8
```
#4d89c8 rgb(77,137,200)
```
#5c93cd
```
#5c93cd rgb(92,147,205)
```
#6b9dd2
```
#6b9dd2 rgb(107,157,210)
```
#7aa7d6
```
#7aa7d6 rgb(122,167,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 #0157b2 is the most saturated one.

#535960
```
#535960 rgb(83,89,96)
```
#4c5967
```
#4c5967 rgb(76,89,103)
```
#46596d
```
#46596d rgb(70,89,109)
```
#3f5974
```
#3f5974 rgb(63,89,116)
```
#38587b
```
#38587b rgb(56,88,123)
```
#315882
```
#315882 rgb(49,88,130)
```
#2a5889
```
#2a5889 rgb(42,88,137)
```
#235890
```
#235890 rgb(35,88,144)
```
#1c5897
```
#1c5897 rgb(28,88,151)
```
#15579e
```
#15579e rgb(21,87,158)
```
#0e57a5
```
#0e57a5 rgb(14,87,165)
```
#0857ab
```
#0857ab rgb(8,87,171)
```
#0157b2
```
#0157b2 rgb(1,87,178)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#48525b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5d8c Protanopia 1% of men
#405e8f Deuteranopia 1% of men
#17676f Tritanopia 0.001% of the population

Trichromacy

#3f5b8b Protanomaly 1% of men, 0.01% of women
#385c8d Deuteranomaly 6% of men, 0.4% of women
#1d6178 Tritanomaly 0.01% of the population

#2a5889 hex color

#2a5889 Color Information

#2a5889 Color Conversion

Color Schemes with #2a5889

Alternatives to #2a5889

#2a5889 Preview

Shades and Tints of #2a5889

Tones of #2a5889

Color Blindness Simulator