#2e5a74 hex color

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

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

● #2e5a74 color description : Dark moderate blue.

The hexadecimal color #2e5a74 has RGB values of R:46, G:90, B:116 and CMYK values of C:0.6, M:0.22, Y:0, K:0.55. Its decimal value is 3037812.

Hex triplet	2e5a74	`#2e5a74`
RGB Decimal	46, 90, 116	`rgb(46,90,116)`
RGB Percent	18, 35.3, 45.5	`rgb(18%,35.3%,45.5%)`
CMYK	60, 22, 0, 55
HSL	202.3°, 43.2, 31.8	`hsl(202.3,43.2%,31.8%)`
HSV (or HSB)	202.3°, 60.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	36.278, -6.815, -19.367
XYZ	7.934, 9.154, 17.871
xyY	0.227, 0.262, 9.154
CIE-LCH	36.278, 20.531, 250.614
CIE-LUV	36.278, -18.031, -25.488
Hunter-Lab	30.255, -6.134, -13.842
Binary	00101110, 01011010, 01110100

#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#74482e
```
#74482e rgb(116,72,46)
```

Complementary Color

#2e746b
```
#2e746b rgb(46,116,107)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#2e3774
```
#2e3774 rgb(46,55,116)
```

Analogous Color

#746b2e
```
#746b2e rgb(116,107,46)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#742e37
```
#742e37 rgb(116,46,55)
```

Split Complementary Color

#5a742e
```
#5a742e rgb(90,116,46)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#742e5a
```
#742e5a rgb(116,46,90)
```

Triadic Color

#2e7448
```
#2e7448 rgb(46,116,72)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#742e5a
```
#742e5a rgb(116,46,90)
```
#74482e
```
#74482e rgb(116,72,46)
```

Tetradic Color

#18303d
```
#18303d rgb(24,48,61)
```
#203e4f
```
#203e4f rgb(32,62,79)
```
#274c62
```
#274c62 rgb(39,76,98)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#356886
```
#356886 rgb(53,104,134)
```
#3c7699
```
#3c7699 rgb(60,118,153)
```
#4485ab
```
#4485ab rgb(68,133,171)
```

Monochromatic Color

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

#2e6c74
```
#2e6c74 rgb(46,108,116)
```
#2e6674
```
#2e6674 rgb(46,102,116)
```
#2e6074
```
#2e6074 rgb(46,96,116)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#2e5474
```
#2e5474 rgb(46,84,116)
```
#2e4e74
```
#2e4e74 rgb(46,78,116)
```
#2e4974
```
#2e4974 rgb(46,73,116)
```

Similar Colors

Text with hexadecimal color #2e5a74

This text has a font color of #2e5a74.

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

#2e5a74 background color

This paragraph has a background color of #2e5a74.

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

#2e5a74 border color

This element has a border color of #2e5a74.

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

CSS codes

.text {color:#2e5a74;}

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

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

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 #f5f9fb is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d1920
```
#0d1920 rgb(13,25,32)
```
#12242e
```
#12242e rgb(18,36,46)
```
#182e3c
```
#182e3c rgb(24,46,60)
```
#1d394a
```
#1d394a rgb(29,57,74)
```
#234458
```
#234458 rgb(35,68,88)
```
#284f66
```
#284f66 rgb(40,79,102)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#346582
```
#346582 rgb(52,101,130)
```
#397090
```
#397090 rgb(57,112,144)
```
#3f7b9e
```
#3f7b9e rgb(63,123,158)
```
#4486ac
```
#4486ac rgb(68,134,172)
```

Shade Color Variation

#4c90b8
```
#4c90b8 rgb(76,144,184)
```
#5a99be
```
#5a99be rgb(90,153,190)
```
#68a1c3
```
#68a1c3 rgb(104,161,195)
```
#76aac9
```
#76aac9 rgb(118,170,201)
```
#84b3ce
```
#84b3ce rgb(132,179,206)
```
#92bcd4
```
#92bcd4 rgb(146,188,212)
```
#a0c4d9
```
#a0c4d9 rgb(160,196,217)
```
#aecddf
```
#aecddf rgb(174,205,223)
```
#bcd6e5
```
#bcd6e5 rgb(188,214,229)
```
#cadeea
```
#cadeea rgb(202,222,234)
```
#d8e7f0
```
#d8e7f0 rgb(216,231,240)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,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 #0265a0 is the most saturated one.

#4d5255
```
#4d5255 rgb(77,82,85)
```
#47545b
```
#47545b rgb(71,84,91)
```
#415561
```
#415561 rgb(65,85,97)
```
#3a5768
```
#3a5768 rgb(58,87,104)
```
#34586e
```
#34586e rgb(52,88,110)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#285c7a
```
#285c7a rgb(40,92,122)
```
#225d80
```
#225d80 rgb(34,93,128)
```
#1b5f87
```
#1b5f87 rgb(27,95,135)
```
#15608d
```
#15608d rgb(21,96,141)
```
#0f6293
```
#0f6293 rgb(15,98,147)
```
#096499
```
#096499 rgb(9,100,153)
```
#0265a0
```
#0265a0 rgb(2,101,160)
```

Tone Color Variation

Below, you can see how #2e5a74 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
#495257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565d77 Protanopia 1% of men
#535d7d Deuteranopia 1% of men
#31656c Tritanopia 0.001% of the population

Trichromacy

#475c76 Protanomaly 1% of men, 0.01% of women
#465b79 Deuteranomaly 6% of men, 0.4% of women
#30616f Tritanomaly 0.01% of the population

#2e5a74 hex color

#2e5a74 Color Information

#2e5a74 Color Conversion

Color Schemes with #2e5a74

Alternatives to #2e5a74

#2e5a74 Preview

Shades and Tints of #2e5a74

Tones of #2e5a74

Color Blindness Simulator