#2e5974 hex color

In a RGB color space, hex #2e5974 is composed of 18% red, 34.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 23.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 203.1 degrees, a saturation of 43.2% and a lightness of 31.8%. #2e5974 color hex could be obtained by blending #5cb2e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 45
RGB color chart
- C 60
- M 23
- Y 0
- K 55
CMYK color chart

● #2e5974 color description : Dark moderate blue.

The hexadecimal color #2e5974 has RGB values of R:46, G:89, B:116 and CMYK values of C:0.6, M:0.23, Y:0, K:0.55. Its decimal value is 3037556.

Hex triplet	2e5974	`#2e5974`
RGB Decimal	46, 89, 116	`rgb(46,89,116)`
RGB Percent	18, 34.9, 45.5	`rgb(18%,34.9%,45.5%)`
CMYK	60, 23, 0, 55
HSL	203.1°, 43.2, 31.8	`hsl(203.1,43.2%,31.8%)`
HSV (or HSB)	203.1°, 60.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	35.957, -6.203, -19.864
XYZ	7.851, 8.986, 17.843
xyY	0.226, 0.259, 8.986
CIE-LCH	35.957, 20.81, 252.657
CIE-LUV	35.957, -17.651, -26.209
Hunter-Lab	29.977, -5.711, -14.307
Binary	00101110, 01011001, 01110100

#2e5974
```
#2e5974 rgb(46,89,116)
```
#74492e
```
#74492e rgb(116,73,46)
```

Complementary Color

#2e746c
```
#2e746c rgb(46,116,108)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#2e3674
```
#2e3674 rgb(46,54,116)
```

Analogous Color

#746c2e
```
#746c2e rgb(116,108,46)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#742e36
```
#742e36 rgb(116,46,54)
```

Split Complementary Color

#59742e
```
#59742e rgb(89,116,46)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#742e59
```
#742e59 rgb(116,46,89)
```

Triadic Color

#2e7449
```
#2e7449 rgb(46,116,73)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#742e59
```
#742e59 rgb(116,46,89)
```
#74492e
```
#74492e rgb(116,73,46)
```

Tetradic Color

#182f3d
```
#182f3d rgb(24,47,61)
```
#203d4f
```
#203d4f rgb(32,61,79)
```
#274b62
```
#274b62 rgb(39,75,98)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#356786
```
#356786 rgb(53,103,134)
```
#3c7599
```
#3c7599 rgb(60,117,153)
```
#4483ab
```
#4483ab rgb(68,131,171)
```

Monochromatic Color

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

#2e6b74
```
#2e6b74 rgb(46,107,116)
```
#2e6574
```
#2e6574 rgb(46,101,116)
```
#2e5f74
```
#2e5f74 rgb(46,95,116)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#2e5374
```
#2e5374 rgb(46,83,116)
```
#2e4d74
```
#2e4d74 rgb(46,77,116)
```
#2e4874
```
#2e4874 rgb(46,72,116)
```

Similar Colors

Text with hexadecimal color #2e5974

This text has a font color of #2e5974.

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

#2e5974 background color

This paragraph has a background color of #2e5974.

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

#2e5974 border color

This element has a border color of #2e5974.

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

CSS codes

.text {color:#2e5974;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d1820
```
#0d1820 rgb(13,24,32)
```
#12232e
```
#12232e rgb(18,35,46)
```
#182e3c
```
#182e3c rgb(24,46,60)
```
#1d394a
```
#1d394a rgb(29,57,74)
```
#234358
```
#234358 rgb(35,67,88)
```
#284e66
```
#284e66 rgb(40,78,102)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#346482
```
#346482 rgb(52,100,130)
```
#396f90
```
#396f90 rgb(57,111,144)
```
#3f799e
```
#3f799e rgb(63,121,158)
```
#4484ac
```
#4484ac rgb(68,132,172)
```

Shade Color Variation

#4c8eb8
```
#4c8eb8 rgb(76,142,184)
```
#5a97be
```
#5a97be rgb(90,151,190)
```
#68a0c3
```
#68a0c3 rgb(104,160,195)
```
#76a9c9
```
#76a9c9 rgb(118,169,201)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#92bbd4
```
#92bbd4 rgb(146,187,212)
```
#a0c3d9
```
#a0c3d9 rgb(160,195,217)
```
#aeccdf
```
#aeccdf rgb(174,204,223)
```
#bcd5e5
```
#bcd5e5 rgb(188,213,229)
```
#cadeea
```
#cadeea rgb(202,222,234)
```
#d8e7f0
```
#d8e7f0 rgb(216,231,240)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#4d5255
```
#4d5255 rgb(77,82,85)
```
#47535b
```
#47535b rgb(71,83,91)
```
#415561
```
#415561 rgb(65,85,97)
```
#3a5668
```
#3a5668 rgb(58,86,104)
```
#34586e
```
#34586e rgb(52,88,110)
```
#2e5974
```
#2e5974 rgb(46,89,116)
```
#285a7a
```
#285a7a rgb(40,90,122)
```
#225c80
```
#225c80 rgb(34,92,128)
```
#1b5d87
```
#1b5d87 rgb(27,93,135)
```
#155f8d
```
#155f8d rgb(21,95,141)
```
#0f6093
```
#0f6093 rgb(15,96,147)
```
#096299
```
#096299 rgb(9,98,153)
```
#0263a0
```
#0263a0 rgb(2,99,160)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555c77 Protanopia 1% of men
#525c7d Deuteranopia 1% of men
#30646b Tritanopia 0.001% of the population

Trichromacy

#475b76 Protanomaly 1% of men, 0.01% of women
#455b79 Deuteranomaly 6% of men, 0.4% of women
#2f606e Tritanomaly 0.01% of the population

#2e5974 hex color

#2e5974 Color Information

#2e5974 Color Conversion

Color Schemes with #2e5974

Alternatives to #2e5974

#2e5974 Preview

Shades and Tints of #2e5974

Tones of #2e5974

Color Blindness Simulator