#2e487a hex color

In a RGB color space, hex #2e487a is composed of 18% red, 28.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 41% magenta, 0% yellow and 52.2% black. It has a hue angle of 219.5 degrees, a saturation of 45.2% and a lightness of 32.9%. #2e487a color hex could be obtained by blending #5c90f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 28
- B 48
RGB color chart
- C 62
- M 41
- Y 0
- K 52
CMYK color chart

● #2e487a color description : Dark moderate blue.

The hexadecimal color #2e487a has RGB values of R:46, G:72, B:122 and CMYK values of C:0.62, M:0.41, Y:0, K:0.52. Its decimal value is 3033210.

Hex triplet	2e487a	`#2e487a`
RGB Decimal	46, 72, 122	`rgb(46,72,122)`
RGB Percent	18, 28.2, 47.8	`rgb(18%,28.2%,47.8%)`
CMYK	62, 41, 0, 52
HSL	219.5°, 45.2, 32.9	`hsl(219.5,45.2%,32.9%)`
HSV (or HSB)	219.5°, 62.3, 47.8
Web Safe	333366	`#333366`

CIE-LAB	30.926, 6.876, -31.483
XYZ	6.956, 6.62, 19.323
xyY	0.211, 0.201, 6.62
CIE-LCH	30.926, 32.225, 282.319
CIE-LUV	30.926, -11.423, -42.428
Hunter-Lab	25.73, 3.23, -26.514
Binary	00101110, 01001000, 01111010

#2e487a
```
#2e487a rgb(46,72,122)
```
#7a602e
```
#7a602e rgb(122,96,46)
```

Complementary Color

#2e6e7a
```
#2e6e7a rgb(46,110,122)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#3a2e7a
```
#3a2e7a rgb(58,46,122)
```

Analogous Color

#6e7a2e
```
#6e7a2e rgb(110,122,46)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#7a3a2e
```
#7a3a2e rgb(122,58,46)
```

Split Complementary Color

#487a2e
```
#487a2e rgb(72,122,46)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#7a2e48
```
#7a2e48 rgb(122,46,72)
```

Triadic Color

#2e7a60
```
#2e7a60 rgb(46,122,96)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#7a2e48
```
#7a2e48 rgb(122,46,72)
```
#7a602e
```
#7a602e rgb(122,96,46)
```

Tetradic Color

#192742
```
#192742 rgb(25,39,66)
```
#203255
```
#203255 rgb(32,50,85)
```
#273d67
```
#273d67 rgb(39,61,103)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#35538d
```
#35538d rgb(53,83,141)
```
#3c5e9f
```
#3c5e9f rgb(60,94,159)
```
#4369b2
```
#4369b2 rgb(67,105,178)
```

Monochromatic Color

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

#2e5b7a
```
#2e5b7a rgb(46,91,122)
```
#2e557a
```
#2e557a rgb(46,85,122)
```
#2e4e7a
```
#2e4e7a rgb(46,78,122)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#2e427a
```
#2e427a rgb(46,66,122)
```
#2e3b7a
```
#2e3b7a rgb(46,59,122)
```
#2e357a
```
#2e357a rgb(46,53,122)
```

Similar Colors

Text with hexadecimal color #2e487a

This text has a font color of #2e487a.

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

#2e487a background color

This paragraph has a background color of #2e487a.

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

#2e487a border color

This element has a border color of #2e487a.

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

CSS codes

.text {color:#2e487a;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080d16
```
#080d16 rgb(8,13,22)
```
#0e1625
```
#0e1625 rgb(14,22,37)
```
#131e33
```
#131e33 rgb(19,30,51)
```
#192641
```
#192641 rgb(25,38,65)
```
#1e2f4f
```
#1e2f4f rgb(30,47,79)
```
#23375e
```
#23375e rgb(35,55,94)
```
#29406c
```
#29406c rgb(41,64,108)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#335088
```
#335088 rgb(51,80,136)
```
#395996
```
#395996 rgb(57,89,150)
```
#3e61a5
```
#3e61a5 rgb(62,97,165)
```
#436ab3
```
#436ab3 rgb(67,106,179)
```

Shade Color Variation

#4e74bc
```
#4e74bc rgb(78,116,188)
```
#5c7fc2
```
#5c7fc2 rgb(92,127,194)
```
#6a8ac7
```
#6a8ac7 rgb(106,138,199)
```
#7995cc
```
#7995cc rgb(121,149,204)
```
#87a0d2
```
#87a0d2 rgb(135,160,210)
```
#95acd7
```
#95acd7 rgb(149,172,215)
```
#a3b7dc
```
#a3b7dc rgb(163,183,220)
```
#b2c2e2
```
#b2c2e2 rgb(178,194,226)
```
#c0cde7
```
#c0cde7 rgb(192,205,231)
```
#ced8ed
```
#ced8ed rgb(206,216,237)
```
#dce4f2
```
#dce4f2 rgb(220,228,242)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e525a is the less saturated color, while #013aa7 is the most saturated one.

#4e525a
```
#4e525a rgb(78,82,90)
```
#485060
```
#485060 rgb(72,80,96)
```
#414e67
```
#414e67 rgb(65,78,103)
```
#3b4c6d
```
#3b4c6d rgb(59,76,109)
```
#344a74
```
#344a74 rgb(52,74,116)
```
#2e487a
```
#2e487a rgb(46,72,122)
```
#284680
```
#284680 rgb(40,70,128)
```
#214487
```
#214487 rgb(33,68,135)
```
#1b428d
```
#1b428d rgb(27,66,141)
```
#144094
```
#144094 rgb(20,64,148)
```
#0e3e9a
```
#0e3e9a rgb(14,62,154)
```
#073ca1
```
#073ca1 rgb(7,60,161)
```
#013aa7
```
#013aa7 rgb(1,58,167)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414650 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5080 Protanopia 1% of men
#325280 Deuteranopia 1% of men
#25595f Tritanopia 0.001% of the population

Trichromacy

#384d7e Protanomaly 1% of men, 0.01% of women
#304e7e Deuteranomaly 6% of men, 0.4% of women
#285269 Tritanomaly 0.01% of the population

#2e487a hex color

#2e487a Color Information

#2e487a Color Conversion

Color Schemes with #2e487a

Alternatives to #2e487a

#2e487a Preview

Shades and Tints of #2e487a

Tones of #2e487a

Color Blindness Simulator