#2a5571 hex color

In a RGB color space, hex #2a5571 is composed of 16.5% red, 33.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 24.8% magenta, 0% yellow and 55.7% black. It has a hue angle of 203.7 degrees, a saturation of 45.8% and a lightness of 30.4%. #2a5571 color hex could be obtained by blending #54aae2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 33
- B 44
RGB color chart
- C 63
- M 25
- Y 0
- K 56
CMYK color chart

● #2a5571 color description : Very dark blue.

The hexadecimal color #2a5571 has RGB values of R:42, G:85, B:113 and CMYK values of C:0.63, M:0.25, Y:0, K:0.56. Its decimal value is 2774385.

Hex triplet	2a5571	`#2a5571`
RGB Decimal	42, 85, 113	`rgb(42,85,113)`
RGB Percent	16.5, 33.3, 44.3	`rgb(16.5%,33.3%,44.3%)`
CMYK	63, 25, 0, 56
HSL	203.7°, 45.8, 30.4	`hsl(203.7,45.8%,30.4%)`
HSV (or HSB)	203.7°, 62.8, 44.3
Web Safe	336666	`#336666`

CIE-LAB	34.357, -5.66, -20.496
XYZ	7.183, 8.181, 16.822
xyY	0.223, 0.254, 8.181
CIE-LCH	34.357, 21.263, 254.563
CIE-LUV	34.357, -17.212, -26.85
Hunter-Lab	28.602, -5.226, -14.849
Binary	00101010, 01010101, 01110001

#2a5571
```
#2a5571 rgb(42,85,113)
```
#71462a
```
#71462a rgb(113,70,42)
```

Complementary Color

#2a716a
```
#2a716a rgb(42,113,106)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#2a3271
```
#2a3271 rgb(42,50,113)
```

Analogous Color

#716a2a
```
#716a2a rgb(113,106,42)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#712a32
```
#712a32 rgb(113,42,50)
```

Split Complementary Color

#55712a
```
#55712a rgb(85,113,42)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#712a55
```
#712a55 rgb(113,42,85)
```

Triadic Color

#2a7146
```
#2a7146 rgb(42,113,70)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#712a55
```
#712a55 rgb(113,42,85)
```
#71462a
```
#71462a rgb(113,70,42)
```

Tetradic Color

#152b39
```
#152b39 rgb(21,43,57)
```
#1c394c
```
#1c394c rgb(28,57,76)
```
#23475e
```
#23475e rgb(35,71,94)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#316384
```
#316384 rgb(49,99,132)
```
#387196
```
#387196 rgb(56,113,150)
```
#3f7fa9
```
#3f7fa9 rgb(63,127,169)
```

Monochromatic Color

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

#2a6771
```
#2a6771 rgb(42,103,113)
```
#2a6171
```
#2a6171 rgb(42,97,113)
```
#2a5b71
```
#2a5b71 rgb(42,91,113)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#2a4f71
```
#2a4f71 rgb(42,79,113)
```
#2a4971
```
#2a4971 rgb(42,73,113)
```
#2a4371
```
#2a4371 rgb(42,67,113)
```

Similar Colors

Text with hexadecimal color #2a5571

This text has a font color of #2a5571.

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

#2a5571 background color

This paragraph has a background color of #2a5571.

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

#2a5571 border color

This element has a border color of #2a5571.

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

CSS codes

.text {color:#2a5571;}

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

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

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, #050a0d is the darkest color, while #fefefe is the lightest one.

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a141b
```
#0a141b rgb(10,20,27)
```
#0f1f29
```
#0f1f29 rgb(15,31,41)
```
#152a38
```
#152a38 rgb(21,42,56)
```
#1a3546
```
#1a3546 rgb(26,53,70)
```
#1f3f54
```
#1f3f54 rgb(31,63,84)
```
#254a63
```
#254a63 rgb(37,74,99)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#2f607f
```
#2f607f rgb(47,96,127)
```
#356b8e
```
#356b8e rgb(53,107,142)
```
#3a759c
```
#3a759c rgb(58,117,156)
```
#3f80aa
```
#3f80aa rgb(63,128,170)
```
#458bb9
```
#458bb9 rgb(69,139,185)
```

Shade Color Variation

#5294bf
```
#5294bf rgb(82,148,191)
```
#609dc4
```
#609dc4 rgb(96,157,196)
```
#6fa6c9
```
#6fa6c9 rgb(111,166,201)
```
#7daecf
```
#7daecf rgb(125,174,207)
```
#8bb7d4
```
#8bb7d4 rgb(139,183,212)
```
#99c0d9
```
#99c0d9 rgb(153,192,217)
```
#a8c9df
```
#a8c9df rgb(168,201,223)
```
#b6d2e4
```
#b6d2e4 rgb(182,210,228)
```
#c4dbe9
```
#c4dbe9 rgb(196,219,233)
```
#d3e4ef
```
#d3e4ef rgb(211,228,239)
```
#e1ecf4
```
#e1ecf4 rgb(225,236,244)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484f53 is the less saturated color, while #005e9b is the most saturated one.

#484f53
```
#484f53 rgb(72,79,83)
```
#425059
```
#425059 rgb(66,80,89)
```
#3c515f
```
#3c515f rgb(60,81,95)
```
#365265
```
#365265 rgb(54,82,101)
```
#30546b
```
#30546b rgb(48,84,107)
```
#2a5571
```
#2a5571 rgb(42,85,113)
```
#245677
```
#245677 rgb(36,86,119)
```
#1e587d
```
#1e587d rgb(30,88,125)
```
#185983
```
#185983 rgb(24,89,131)
```
#125a89
```
#125a89 rgb(18,90,137)
```
#0c5b8f
```
#0c5b8f rgb(12,91,143)
```
#065d95
```
#065d95 rgb(6,93,149)
```
#005e9b
```
#005e9b rgb(0,94,155)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#444d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515874 Protanopia 1% of men
#4d587a Deuteranopia 1% of men
#2b6168 Tritanopia 0.001% of the population

Trichromacy

#435773 Protanomaly 1% of men, 0.01% of women
#405776 Deuteranomaly 6% of men, 0.4% of women
#2b5c6b Tritanomaly 0.01% of the population

#2a5571 hex color

#2a5571 Color Information

#2a5571 Color Conversion

Color Schemes with #2a5571

Alternatives to #2a5571

#2a5571 Preview

Shades and Tints of #2a5571

Tones of #2a5571

Color Blindness Simulator