#2e587d hex color

In a RGB color space, hex #2e587d is composed of 18% red, 34.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 29.6% magenta, 0% yellow and 51% black. It has a hue angle of 208.1 degrees, a saturation of 46.2% and a lightness of 33.5%. #2e587d color hex could be obtained by blending #5cb0fa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 49
RGB color chart
- C 63
- M 30
- Y 0
- K 51
CMYK color chart

● #2e587d color description : Dark moderate blue.

The hexadecimal color #2e587d has RGB values of R:46, G:88, B:125 and CMYK values of C:0.63, M:0.3, Y:0, K:0.51. Its decimal value is 3037309.

Hex triplet	2e587d	`#2e587d`
RGB Decimal	46, 88, 125	`rgb(46,88,125)`
RGB Percent	18, 34.5, 49	`rgb(18%,34.5%,49%)`
CMYK	63, 30, 0, 51
HSL	208.1°, 46.2, 33.5	`hsl(208.1,46.2%,33.5%)`
HSV (or HSB)	208.1°, 63.2, 49
Web Safe	336666	`#336666`

CIE-LAB	36.062, -2.424, -25.253
XYZ	8.317, 9.04, 20.708
xyY	0.218, 0.237, 9.04
CIE-LCH	36.062, 25.369, 264.518
CIE-LUV	36.062, -17.053, -34.436
Hunter-Lab	30.067, -3.241, -19.786
Binary	00101110, 01011000, 01111101

#2e587d
```
#2e587d rgb(46,88,125)
```
#7d532e
```
#7d532e rgb(125,83,46)
```

Complementary Color

#2e7d7b
```
#2e7d7b rgb(46,125,123)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#2e317d
```
#2e317d rgb(46,49,125)
```

Analogous Color

#7d7b2e
```
#7d7b2e rgb(125,123,46)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#7d2e31
```
#7d2e31 rgb(125,46,49)
```

Split Complementary Color

#587d2e
```
#587d2e rgb(88,125,46)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#7d2e58
```
#7d2e58 rgb(125,46,88)
```

Triadic Color

#2e7d53
```
#2e7d53 rgb(46,125,83)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#7d2e58
```
#7d2e58 rgb(125,46,88)
```
#7d532e
```
#7d532e rgb(125,83,46)
```

Tetradic Color

#193145
```
#193145 rgb(25,49,69)
```
#203e58
```
#203e58 rgb(32,62,88)
```
#274b6a
```
#274b6a rgb(39,75,106)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#356590
```
#356590 rgb(53,101,144)
```
#3c72a2
```
#3c72a2 rgb(60,114,162)
```
#437fb5
```
#437fb5 rgb(67,127,181)
```

Monochromatic Color

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

#2e6c7d
```
#2e6c7d rgb(46,108,125)
```
#2e657d
```
#2e657d rgb(46,101,125)
```
#2e5f7d
```
#2e5f7d rgb(46,95,125)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#2e517d
```
#2e517d rgb(46,81,125)
```
#2e4b7d
```
#2e4b7d rgb(46,75,125)
```
#2e447d
```
#2e447d rgb(46,68,125)
```

Similar Colors

Text with hexadecimal color #2e587d

This text has a font color of #2e587d.

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

#2e587d background color

This paragraph has a background color of #2e587d.

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

#2e587d border color

This element has a border color of #2e587d.

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

CSS codes

.text {color:#2e587d;}

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

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

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, #04070a is the darkest color, while #fbfcfe is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091119
```
#091119 rgb(9,17,25)
```
#0e1b27
```
#0e1b27 rgb(14,27,39)
```
#142635
```
#142635 rgb(20,38,53)
```
#193044
```
#193044 rgb(25,48,68)
```
#1e3a52
```
#1e3a52 rgb(30,58,82)
```
#234460
```
#234460 rgb(35,68,96)
```
#294e6f
```
#294e6f rgb(41,78,111)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#33628b
```
#33628b rgb(51,98,139)
```
#396c9a
```
#396c9a rgb(57,108,154)
```
#3e76a8
```
#3e76a8 rgb(62,118,168)
```
#4380b6
```
#4380b6 rgb(67,128,182)
```

Shade Color Variation

#4f8abe
```
#4f8abe rgb(79,138,190)
```
#5d94c3
```
#5d94c3 rgb(93,148,195)
```
#6c9dc9
```
#6c9dc9 rgb(108,157,201)
```
#7aa7ce
```
#7aa7ce rgb(122,167,206)
```
#88b0d3
```
#88b0d3 rgb(136,176,211)
```
#97bad9
```
#97bad9 rgb(151,186,217)
```
#a5c3de
```
#a5c3de rgb(165,195,222)
```
#b3cde3
```
#b3cde3 rgb(179,205,227)
```
#c2d6e8
```
#c2d6e8 rgb(194,214,232)
```
#d0e0ee
```
#d0e0ee rgb(208,224,238)
```
#dee9f3
```
#dee9f3 rgb(222,233,243)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#555656
```
#555656 rgb(85,86,86)
```
#4f565c
```
#4f565c rgb(79,86,92)
```
#485663
```
#485663 rgb(72,86,99)
```
#425769
```
#425769 rgb(66,87,105)
```
#3b5770
```
#3b5770 rgb(59,87,112)
```
#355876
```
#355876 rgb(53,88,118)
```
#2e587d
```
#2e587d rgb(46,88,125)
```
#275884
```
#275884 rgb(39,88,132)
```
#21598a
```
#21598a rgb(33,89,138)
```
#1a5991
```
#1a5991 rgb(26,89,145)
```
#145a97
```
#145a97 rgb(20,90,151)
```
#0d5a9e
```
#0d5a9e rgb(13,90,158)
```
#075aa4
```
#075aa4 rgb(7,90,164)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515c80 Protanopia 1% of men
#4b5d85 Deuteranopia 1% of men
#2b656c Tritanopia 0.001% of the population

Trichromacy

#445a7f Protanomaly 1% of men, 0.01% of women
#405b82 Deuteranomaly 6% of men, 0.4% of women
#2c6072 Tritanomaly 0.01% of the population

#2e587d hex color

#2e587d Color Information

#2e587d Color Conversion

Color Schemes with #2e587d

Alternatives to #2e587d

#2e587d Preview

Shades and Tints of #2e587d

Tones of #2e587d

Color Blindness Simulator