#2a475d hex color

In a RGB color space, hex #2a475d is composed of 16.5% red, 27.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 23.7% magenta, 0% yellow and 63.5% black. It has a hue angle of 205.9 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a475d color hex could be obtained by blending #548eba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 28
- B 36
RGB color chart
- C 55
- M 24
- Y 0
- K 64
CMYK color chart

● #2a475d color description : Very dark desaturated blue.

The hexadecimal color #2a475d has RGB values of R:42, G:71, B:93 and CMYK values of C:0.55, M:0.24, Y:0, K:0.64. Its decimal value is 2770781.

Hex triplet	2a475d	`#2a475d`
RGB Decimal	42, 71, 93	`rgb(42,71,93)`
RGB Percent	16.5, 27.8, 36.5	`rgb(16.5%,27.8%,36.5%)`
CMYK	55, 24, 0, 64
HSL	205.9°, 37.8, 26.5	`hsl(205.9,37.8%,26.5%)`
HSV (or HSB)	205.9°, 54.8, 36.5
Web Safe	333366	`#333366`

CIE-LAB	28.873, -3.808, -16.341
XYZ	5.183, 5.789, 11.2
xyY	0.234, 0.261, 5.789
CIE-LCH	28.873, 16.778, 256.881
CIE-LUV	28.873, -12.304, -20.112
Hunter-Lab	24.06, -3.649, -10.757
Binary	00101010, 01000111, 01011101

#2a475d
```
#2a475d rgb(42,71,93)
```
#5d402a
```
#5d402a rgb(93,64,42)
```

Complementary Color

#2a5d59
```
#2a5d59 rgb(42,93,89)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#2a2e5d
```
#2a2e5d rgb(42,46,93)
```

Analogous Color

#5d5a2a
```
#5d5a2a rgb(93,90,42)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#5d2a2e
```
#5d2a2e rgb(93,42,46)
```

Split Complementary Color

#475d2a
```
#475d2a rgb(71,93,42)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#5d2a47
```
#5d2a47 rgb(93,42,71)
```

Triadic Color

#2a5d40
```
#2a5d40 rgb(42,93,64)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#5d2a47
```
#5d2a47 rgb(93,42,71)
```
#5d402a
```
#5d402a rgb(93,64,42)
```

Tetradic Color

#121f28
```
#121f28 rgb(18,31,40)
```
#1a2c3a
```
#1a2c3a rgb(26,44,58)
```
#223a4b
```
#223a4b rgb(34,58,75)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#32546f
```
#32546f rgb(50,84,111)
```
#3a6280
```
#3a6280 rgb(58,98,128)
```
#426f92
```
#426f92 rgb(66,111,146)
```

Monochromatic Color

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

#2a545d
```
#2a545d rgb(42,84,93)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#2a4b5d
```
#2a4b5d rgb(42,75,93)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#2a435d
```
#2a435d rgb(42,67,93)
```
#2a3f5d
```
#2a3f5d rgb(42,63,93)
```
#2a3a5d
```
#2a3a5d rgb(42,58,93)
```

Similar Colors

Text with hexadecimal color #2a475d

This text has a font color of #2a475d.

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

#2a475d background color

This paragraph has a background color of #2a475d.

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

#2a475d border color

This element has a border color of #2a475d.

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

CSS codes

.text {color:#2a475d;}

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

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

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, #05090c is the darkest color, while #fdfefe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0b1319
```
#0b1319 rgb(11,19,25)
```
#121e27
```
#121e27 rgb(18,30,39)
```
#182834
```
#182834 rgb(24,40,52)
```
#1e3242
```
#1e3242 rgb(30,50,66)
```
#243d4f
```
#243d4f rgb(36,61,79)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#30516b
```
#30516b rgb(48,81,107)
```
#365c78
```
#365c78 rgb(54,92,120)
```
#3c6686
```
#3c6686 rgb(60,102,134)
```
#427093
```
#427093 rgb(66,112,147)
```
#497ba1
```
#497ba1 rgb(73,123,161)
```
#4f85ae
```
#4f85ae rgb(79,133,174)
```

Shade Color Variation

#5b8eb5
```
#5b8eb5 rgb(91,142,181)
```
#6998bb
```
#6998bb rgb(105,152,187)
```
#76a1c1
```
#76a1c1 rgb(118,161,193)
```
#84aac7
```
#84aac7 rgb(132,170,199)
```
#91b4cd
```
#91b4cd rgb(145,180,205)
```
#9fbdd4
```
#9fbdd4 rgb(159,189,212)
```
#acc6da
```
#acc6da rgb(172,198,218)
```
#bacfe0
```
#bacfe0 rgb(186,207,224)
```
#c7d9e6
```
#c7d9e6 rgb(199,217,230)
```
#d5e2ec
```
#d5e2ec rgb(213,226,236)
```
#e2ebf2
```
#e2ebf2 rgb(226,235,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4448 is the less saturated color, while #004d87 is the most saturated one.

#3f4448
```
#3f4448 rgb(63,68,72)
```
#3a454d
```
#3a454d rgb(58,69,77)
```
#344653
```
#344653 rgb(52,70,83)
```
#2f4658
```
#2f4658 rgb(47,70,88)
```
#2a475d
```
#2a475d rgb(42,71,93)
```
#254862
```
#254862 rgb(37,72,98)
```
#204867
```
#204867 rgb(32,72,103)
```
#1a496d
```
#1a496d rgb(26,73,109)
```
#154a72
```
#154a72 rgb(21,74,114)
```
#104b77
```
#104b77 rgb(16,75,119)
```
#0b4b7c
```
#0b4b7c rgb(11,75,124)
```
#064c81
```
#064c81 rgb(6,76,129)
```
#004d87
```
#004d87 rgb(0,77,135)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3c4247 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474c63 Protanopia 1% of men
#454c66 Deuteranopia 1% of men
#2f5258 Tritanopia 0.001% of the population

Trichromacy

#3c4a60 Protanomaly 1% of men, 0.01% of women
#3b4a63 Deuteranomaly 6% of men, 0.4% of women
#2d4e5a Tritanomaly 0.01% of the population

#2a475d hex color

#2a475d Color Information

#2a475d Color Conversion

Color Schemes with #2a475d

Alternatives to #2a475d

#2a475d Preview

Shades and Tints of #2a475d

Tones of #2a475d

Color Blindness Simulator