#2a477d hex color

In a RGB color space, hex #2a477d is composed of 16.5% red, 27.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 43.2% magenta, 0% yellow and 51% black. It has a hue angle of 219 degrees, a saturation of 49.7% and a lightness of 32.7%. #2a477d color hex could be obtained by blending #548efa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 28
- B 49
RGB color chart
- C 66
- M 43
- Y 0
- K 51
CMYK color chart

● #2a477d color description : Dark moderate blue.

The hexadecimal color #2a477d has RGB values of R:42, G:71, B:125 and CMYK values of C:0.66, M:0.43, Y:0, K:0.51. Its decimal value is 2770813.

Hex triplet	2a477d	`#2a477d`
RGB Decimal	42, 71, 125	`rgb(42,71,125)`
RGB Percent	16.5, 27.8, 49	`rgb(16.5%,27.8%,49%)`
CMYK	66, 43, 0, 51
HSL	219°, 49.7, 32.7	`hsl(219,49.7%,32.7%)`
HSV (or HSB)	219°, 66.4, 49
Web Safe	333366	`#333366`

CIE-LAB	30.59, 7.851, -33.904
XYZ	6.909, 6.479, 20.287
xyY	0.205, 0.192, 6.479
CIE-LCH	30.59, 34.801, 283.039
CIE-LUV	30.59, -12.051, -45.67
Hunter-Lab	25.454, 3.906, -29.438
Binary	00101010, 01000111, 01111101

#2a477d
```
#2a477d rgb(42,71,125)
```
#7d602a
```
#7d602a rgb(125,96,42)
```

Complementary Color

#2a717d
```
#2a717d rgb(42,113,125)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#362a7d
```
#362a7d rgb(54,42,125)
```

Analogous Color

#717d2a
```
#717d2a rgb(113,125,42)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#7d372a
```
#7d372a rgb(125,55,42)
```

Split Complementary Color

#477d2a
```
#477d2a rgb(71,125,42)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#7d2a47
```
#7d2a47 rgb(125,42,71)
```

Triadic Color

#2a7d60
```
#2a7d60 rgb(42,125,96)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#7d2a47
```
#7d2a47 rgb(125,42,71)
```
#7d602a
```
#7d602a rgb(125,96,42)
```

Tetradic Color

#172644
```
#172644 rgb(23,38,68)
```
#1d3157
```
#1d3157 rgb(29,49,87)
```
#243c6a
```
#243c6a rgb(36,60,106)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#305290
```
#305290 rgb(48,82,144)
```
#375da3
```
#375da3 rgb(55,93,163)
```
#3d68b6
```
#3d68b6 rgb(61,104,182)
```

Monochromatic Color

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

#2a5c7d
```
#2a5c7d rgb(42,92,125)
```
#2a557d
```
#2a557d rgb(42,85,125)
```
#2a4e7d
```
#2a4e7d rgb(42,78,125)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#2a407d
```
#2a407d rgb(42,64,125)
```
#2a397d
```
#2a397d rgb(42,57,125)
```
#2a327d
```
#2a327d rgb(42,50,125)
```

Similar Colors

Text with hexadecimal color #2a477d

This text has a font color of #2a477d.

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

#2a477d background color

This paragraph has a background color of #2a477d.

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

#2a477d border color

This element has a border color of #2a477d.

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

CSS codes

.text {color:#2a477d;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#070d16
```
#070d16 rgb(7,13,22)
```
#0c1525
```
#0c1525 rgb(12,21,37)
```
#111d34
```
#111d34 rgb(17,29,52)
```
#162642
```
#162642 rgb(22,38,66)
```
#1b2e51
```
#1b2e51 rgb(27,46,81)
```
#203660
```
#203660 rgb(32,54,96)
```
#253f6e
```
#253f6e rgb(37,63,110)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#2f4f8c
```
#2f4f8c rgb(47,79,140)
```
#34589a
```
#34589a rgb(52,88,154)
```
#3960a9
```
#3960a9 rgb(57,96,169)
```
#3e68b8
```
#3e68b8 rgb(62,104,184)
```

Shade Color Variation

#4872c1
```
#4872c1 rgb(72,114,193)
```
#567dc6
```
#567dc6 rgb(86,125,198)
```
#6589cb
```
#6589cb rgb(101,137,203)
```
#7494d0
```
#7494d0 rgb(116,148,208)
```
#829fd5
```
#829fd5 rgb(130,159,213)
```
#91abda
```
#91abda rgb(145,171,218)
```
#a0b6df
```
#a0b6df rgb(160,182,223)
```
#aec1e4
```
#aec1e4 rgb(174,193,228)
```
#bdcce9
```
#bdcce9 rgb(189,204,233)
```
#ccd8ee
```
#ccd8ee rgb(204,216,238)
```
#dae3f3
```
#dae3f3 rgb(218,227,243)
```
#e9eef8
```
#e9eef8 rgb(233,238,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#515356
```
#515356 rgb(81,83,86)
```
#4a515d
```
#4a515d rgb(74,81,93)
```
#444f63
```
#444f63 rgb(68,79,99)
```
#3d4d6a
```
#3d4d6a rgb(61,77,106)
```
#374b70
```
#374b70 rgb(55,75,112)
```
#304977
```
#304977 rgb(48,73,119)
```
#2a477d
```
#2a477d rgb(42,71,125)
```
#244583
```
#244583 rgb(36,69,131)
```
#1d438a
```
#1d438a rgb(29,67,138)
```
#174190
```
#174190 rgb(23,65,144)
```
#103f97
```
#103f97 rgb(16,63,151)
```
#0a3d9d
```
#0a3d9d rgb(10,61,157)
```
#033ba4
```
#033ba4 rgb(3,59,164)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f454f Atypical Achromatopsia 0.001% of the population

Dichromacy

#394f83 Protanopia 1% of men
#2a5283 Deuteranopia 1% of men
#18585f Tritanopia 0.001% of the population

Trichromacy

#344c80 Protanomaly 1% of men, 0.01% of women
#2a4e80 Deuteranomaly 6% of men, 0.4% of women
#1f526a Tritanomaly 0.01% of the population

#2a477d hex color

#2a477d Color Information

#2a477d Color Conversion

Color Schemes with #2a477d

Alternatives to #2a477d

#2a477d Preview

Shades and Tints of #2a477d

Tones of #2a477d

Color Blindness Simulator