#2a576e hex color

In a RGB color space, hex #2a576e is composed of 16.5% red, 34.1% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 20.9% magenta, 0% yellow and 56.9% black. It has a hue angle of 200.3 degrees, a saturation of 44.7% and a lightness of 29.8%. #2a576e color hex could be obtained by blending #54aedc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 34
- B 43
RGB color chart
- C 62
- M 21
- Y 0
- K 57
CMYK color chart

● #2a576e color description : Very dark blue.

The hexadecimal color #2a576e has RGB values of R:42, G:87, B:110 and CMYK values of C:0.62, M:0.21, Y:0, K:0.57. Its decimal value is 2774894.

Hex triplet	2a576e	`#2a576e`
RGB Decimal	42, 87, 110	`rgb(42,87,110)`
RGB Percent	16.5, 34.1, 43.1	`rgb(16.5%,34.1%,43.1%)`
CMYK	62, 21, 0, 57
HSL	200.3°, 44.7, 29.8	`hsl(200.3,44.7%,29.8%)`
HSV (or HSB)	200.3°, 61.8, 43.1
Web Safe	336666	`#336666`

CIE-LAB	34.871, -7.937, -17.833
XYZ	7.177, 8.434, 16.001
xyY	0.227, 0.267, 8.434
CIE-LCH	34.871, 19.52, 246.007
CIE-LUV	34.871, -18.059, -22.919
Hunter-Lab	29.041, -6.71, -12.338
Binary	00101010, 01010111, 01101110

#2a576e
```
#2a576e rgb(42,87,110)
```
#6e412a
```
#6e412a rgb(110,65,42)
```

Complementary Color

#2a6e63
```
#2a6e63 rgb(42,110,99)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#2a356e
```
#2a356e rgb(42,53,110)
```

Analogous Color

#6e632a
```
#6e632a rgb(110,99,42)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#6e2a35
```
#6e2a35 rgb(110,42,53)
```

Split Complementary Color

#576e2a
```
#576e2a rgb(87,110,42)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#6e2a57
```
#6e2a57 rgb(110,42,87)
```

Triadic Color

#2a6e41
```
#2a6e41 rgb(42,110,65)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#6e2a57
```
#6e2a57 rgb(110,42,87)
```
#6e412a
```
#6e412a rgb(110,65,42)
```

Tetradic Color

#152b37
```
#152b37 rgb(21,43,55)
```
#1c3a49
```
#1c3a49 rgb(28,58,73)
```
#23485c
```
#23485c rgb(35,72,92)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#316680
```
#316680 rgb(49,102,128)
```
#387493
```
#387493 rgb(56,116,147)
```
#3f83a5
```
#3f83a5 rgb(63,131,165)
```

Monochromatic Color

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

#2a686e
```
#2a686e rgb(42,104,110)
```
#2a626e
```
#2a626e rgb(42,98,110)
```
#2a5d6e
```
#2a5d6e rgb(42,93,110)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#2a516e
```
#2a516e rgb(42,81,110)
```
#2a4c6e
```
#2a4c6e rgb(42,76,110)
```
#2a466e
```
#2a466e rgb(42,70,110)
```

Similar Colors

Text with hexadecimal color #2a576e

This text has a font color of #2a576e.

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

#2a576e background color

This paragraph has a background color of #2a576e.

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

#2a576e border color

This element has a border color of #2a576e.

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

CSS codes

.text {color:#2a576e;}

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

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

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, #04080b is the darkest color, while #fbfdfe is the lightest one.

#04080b
```
#04080b rgb(4,8,11)
```
#091419
```
#091419 rgb(9,20,25)
```
#0f1f27
```
#0f1f27 rgb(15,31,39)
```
#142a35
```
#142a35 rgb(20,42,53)
```
#1a3543
```
#1a3543 rgb(26,53,67)
```
#1f4152
```
#1f4152 rgb(31,65,82)
```
#254c60
```
#254c60 rgb(37,76,96)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#2f627c
```
#2f627c rgb(47,98,124)
```
#356d8a
```
#356d8a rgb(53,109,138)
```
#3a7999
```
#3a7999 rgb(58,121,153)
```
#4084a7
```
#4084a7 rgb(64,132,167)
```
#458fb5
```
#458fb5 rgb(69,143,181)
```

Shade Color Variation

#5198bd
```
#5198bd rgb(81,152,189)
```
#5fa1c2
```
#5fa1c2 rgb(95,161,194)
```
#6da9c7
```
#6da9c7 rgb(109,169,199)
```
#7cb1cd
```
#7cb1cd rgb(124,177,205)
```
#8abad2
```
#8abad2 rgb(138,186,210)
```
#98c2d8
```
#98c2d8 rgb(152,194,216)
```
#a6cbdd
```
#a6cbdd rgb(166,203,221)
```
#b4d3e3
```
#b4d3e3 rgb(180,211,227)
```
#c3dbe8
```
#c3dbe8 rgb(195,219,232)
```
#d1e4ed
```
#d1e4ed rgb(209,228,237)
```
#dfecf3
```
#dfecf3 rgb(223,236,243)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#474e51
```
#474e51 rgb(71,78,81)
```
#414f57
```
#414f57 rgb(65,79,87)
```
#3c515c
```
#3c515c rgb(60,81,92)
```
#365362
```
#365362 rgb(54,83,98)
```
#305568
```
#305568 rgb(48,85,104)
```
#2a576e
```
#2a576e rgb(42,87,110)
```
#245974
```
#245974 rgb(36,89,116)
```
#1e5b7a
```
#1e5b7a rgb(30,91,122)
```
#185d80
```
#185d80 rgb(24,93,128)
```
#135f85
```
#135f85 rgb(19,95,133)
```
#0d608b
```
#0d608b rgb(13,96,139)
```
#076291
```
#076291 rgb(7,98,145)
```
#016497
```
#016497 rgb(1,100,151)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454e53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545a71 Protanopia 1% of men
#525977 Deuteranopia 1% of men
#2e6269 Tritanopia 0.001% of the population

Trichromacy

#455870 Protanomaly 1% of men, 0.01% of women
#435874 Deuteranomaly 6% of men, 0.4% of women
#2c5e6a Tritanomaly 0.01% of the population

#2a576e hex color

#2a576e Color Information

#2a576e Color Conversion

Color Schemes with #2a576e

Alternatives to #2a576e

#2a576e Preview

Shades and Tints of #2a576e

Tones of #2a576e

Color Blindness Simulator