#2a4d87 hex color

In a RGB color space, hex #2a4d87 is composed of 16.5% red, 30.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 43% magenta, 0% yellow and 47.1% black. It has a hue angle of 217.4 degrees, a saturation of 52.5% and a lightness of 34.7%. #2a4d87 color hex could be obtained by blending #549aff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 30
- B 53
RGB color chart
- C 69
- M 43
- Y 0
- K 47
CMYK color chart

● #2a4d87 color description : Dark moderate blue.

The hexadecimal color #2a4d87 has RGB values of R:42, G:77, B:135 and CMYK values of C:0.69, M:0.43, Y:0, K:0.47. Its decimal value is 2772359.

Hex triplet	2a4d87	`#2a4d87`
RGB Decimal	42, 77, 135	`rgb(42,77,135)`
RGB Percent	16.5, 30.2, 52.9	`rgb(16.5%,30.2%,52.9%)`
CMYK	69, 43, 0, 47
HSL	217.4°, 52.5, 34.7	`hsl(217.4,52.5%,34.7%)`
HSV (or HSB)	217.4°, 68.9, 52.9
Web Safe	336699	`#336699`

CIE-LAB	33.025, 7.634, -36.215
XYZ	7.981, 7.549, 23.957
xyY	0.202, 0.191, 7.549
CIE-LCH	33.025, 37.011, 281.904
CIE-LUV	33.025, -13.954, -50.004
Hunter-Lab	27.475, 3.769, -32.465
Binary	00101010, 01001101, 10000111

#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#87642a
```
#87642a rgb(135,100,42)
```

Complementary Color

#2a7c87
```
#2a7c87 rgb(42,124,135)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#362a87
```
#362a87 rgb(54,42,135)
```

Analogous Color

#7c872a
```
#7c872a rgb(124,135,42)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#87362a
```
#87362a rgb(135,54,42)
```

Split Complementary Color

#4d872a
```
#4d872a rgb(77,135,42)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#872a4d
```
#872a4d rgb(135,42,77)
```

Triadic Color

#2a8764
```
#2a8764 rgb(42,135,100)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#872a4d
```
#872a4d rgb(135,42,77)
```
#87642a
```
#87642a rgb(135,100,42)
```

Tetradic Color

#182c4d
```
#182c4d rgb(24,44,77)
```
#1e3760
```
#1e3760 rgb(30,55,96)
```
#244274
```
#244274 rgb(36,66,116)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#30589a
```
#30589a rgb(48,88,154)
```
#3663ae
```
#3663ae rgb(54,99,174)
```
#3c6ec1
```
#3c6ec1 rgb(60,110,193)
```

Monochromatic Color

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

#2a6487
```
#2a6487 rgb(42,100,135)
```
#2a5d87
```
#2a5d87 rgb(42,93,135)
```
#2a5587
```
#2a5587 rgb(42,85,135)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#2a4587
```
#2a4587 rgb(42,69,135)
```
#2a3e87
```
#2a3e87 rgb(42,62,135)
```
#2a3687
```
#2a3687 rgb(42,54,135)
```

Similar Colors

Text with hexadecimal color #2a4d87

This text has a font color of #2a4d87.

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

#2a4d87 background color

This paragraph has a background color of #2a4d87.

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

#2a4d87 border color

This element has a border color of #2a4d87.

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

CSS codes

.text {color:#2a4d87;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05090f
```
#05090f rgb(5,9,15)
```
#09111e
```
#09111e rgb(9,17,30)
```
#0e1a2d
```
#0e1a2d rgb(14,26,45)
```
#13223c
```
#13223c rgb(19,34,60)
```
#172b4b
```
#172b4b rgb(23,43,75)
```
#1c335a
```
#1c335a rgb(28,51,90)
```
#213c69
```
#213c69 rgb(33,60,105)
```
#254478
```
#254478 rgb(37,68,120)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#2f5696
```
#2f5696 rgb(47,86,150)
```
#335ea5
```
#335ea5 rgb(51,94,165)
```
#3867b4
```
#3867b4 rgb(56,103,180)
```

Shade Color Variation

#3d6fc3
```
#3d6fc3 rgb(61,111,195)
```
#4c7ac7
```
#4c7ac7 rgb(76,122,199)
```
#5b85cc
```
#5b85cc rgb(91,133,204)
```
#6a90d1
```
#6a90d1 rgb(106,144,209)
```
#799cd5
```
#799cd5 rgb(121,156,213)
```
#88a7da
```
#88a7da rgb(136,167,218)
```
#97b2df
```
#97b2df rgb(151,178,223)
```
#a6bde3
```
#a6bde3 rgb(166,189,227)
```
#b5c8e8
```
#b5c8e8 rgb(181,200,232)
```
#c4d3ec
```
#c4d3ec rgb(196,211,236)
```
#d2def1
```
#d2def1 rgb(210,222,241)
```
#e1e9f6
```
#e1e9f6 rgb(225,233,246)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53575e is the less saturated color, while #0143b0 is the most saturated one.

#53575e
```
#53575e rgb(83,87,94)
```
#4c5565
```
#4c5565 rgb(76,85,101)
```
#45546c
```
#45546c rgb(69,84,108)
```
#3e5273
```
#3e5273 rgb(62,82,115)
```
#385079
```
#385079 rgb(56,80,121)
```
#314f80
```
#314f80 rgb(49,79,128)
```
#2a4d87
```
#2a4d87 rgb(42,77,135)
```
#234b8e
```
#234b8e rgb(35,75,142)
```
#1c4a95
```
#1c4a95 rgb(28,74,149)
```
#16489b
```
#16489b rgb(22,72,155)
```
#0f46a2
```
#0f46a2 rgb(15,70,162)
```
#0845a9
```
#0845a9 rgb(8,69,169)
```
#0143b0
```
#0143b0 rgb(1,67,176)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d558c Protanopia 1% of men
#2a578c Deuteranopia 1% of men
#075f66 Tritanopia 0.001% of the population

Trichromacy

#36528a Protanomaly 1% of men, 0.01% of women
#2a538a Deuteranomaly 6% of men, 0.4% of women
#135872 Tritanomaly 0.01% of the population

#2a4d87 hex color

#2a4d87 Color Information

#2a4d87 Color Conversion

Color Schemes with #2a4d87

Alternatives to #2a4d87

#2a4d87 Preview

Shades and Tints of #2a4d87

Tones of #2a4d87

Color Blindness Simulator