#2e5eac hex color

In a RGB color space, hex #2e5eac is composed of 18% red, 36.9% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 45.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 217.1 degrees, a saturation of 57.8% and a lightness of 42.7%. #2e5eac color hex could be obtained by blending #5cbcff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 37
- B 67
RGB color chart
- C 73
- M 45
- Y 0
- K 33
CMYK color chart

● #2e5eac color description : Dark blue.

The hexadecimal color #2e5eac has RGB values of R:46, G:94, B:172 and CMYK values of C:0.73, M:0.45, Y:0, K:0.33. Its decimal value is 3038892.

Hex triplet	2e5eac	`#2e5eac`
RGB Decimal	46, 94, 172	`rgb(46,94,172)`
RGB Percent	18, 36.9, 67.5	`rgb(18%,36.9%,67.5%)`
CMYK	73, 45, 0, 33
HSL	217.1°, 57.8, 42.7	`hsl(217.1,57.8%,42.7%)`
HSV (or HSB)	217.1°, 73.3, 67.5
Web Safe	336699	`#336699`

CIE-LAB	40.514, 11.174, -46.51
XYZ	12.574, 11.564, 40.597
xyY	0.194, 0.179, 11.564
CIE-LCH	40.514, 47.833, 283.51
CIE-LUV	40.514, -18.142, -68.594
Hunter-Lab	34.006, 6.493, -46.978
Binary	00101110, 01011110, 10101100

#2e5eac
```
#2e5eac rgb(46,94,172)
```
#ac7c2e
```
#ac7c2e rgb(172,124,46)
```

Complementary Color

#2e9dac
```
#2e9dac rgb(46,157,172)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#3d2eac
```
#3d2eac rgb(61,46,172)
```

Analogous Color

#9dac2e
```
#9dac2e rgb(157,172,46)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#ac3d2e
```
#ac3d2e rgb(172,61,46)
```

Split Complementary Color

#5eac2e
```
#5eac2e rgb(94,172,46)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#ac2e5e
```
#ac2e5e rgb(172,46,94)
```

Triadic Color

#2eac7c
```
#2eac7c rgb(46,172,124)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#ac2e5e
```
#ac2e5e rgb(172,46,94)
```
#ac7c2e
```
#ac7c2e rgb(172,124,46)
```

Tetradic Color

#1e3d70
```
#1e3d70 rgb(30,61,112)
```
#234884
```
#234884 rgb(35,72,132)
```
#295398
```
#295398 rgb(41,83,152)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#3369c0
```
#3369c0 rgb(51,105,192)
```
#4176cc
```
#4176cc rgb(65,118,204)
```
#5584d2
```
#5584d2 rgb(85,132,210)
```

Monochromatic Color

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

#2e7eac
```
#2e7eac rgb(46,126,172)
```
#2e73ac
```
#2e73ac rgb(46,115,172)
```
#2e69ac
```
#2e69ac rgb(46,105,172)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#2e54ac
```
#2e54ac rgb(46,84,172)
```
#2e49ac
```
#2e49ac rgb(46,73,172)
```
#2e3fac
```
#2e3fac rgb(46,63,172)
```

Similar Colors

Text with hexadecimal color #2e5eac

This text has a font color of #2e5eac.

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

#2e5eac background color

This paragraph has a background color of #2e5eac.

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

#2e5eac border color

This element has a border color of #2e5eac.

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

CSS codes

.text {color:#2e5eac;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#091221
```
#091221 rgb(9,18,33)
```
#0d1a30
```
#0d1a30 rgb(13,26,48)
```
#112340
```
#112340 rgb(17,35,64)
```
#152b4f
```
#152b4f rgb(21,43,79)
```
#19345f
```
#19345f rgb(25,52,95)
```
#1d3c6e
```
#1d3c6e rgb(29,60,110)
```
#22457e
```
#22457e rgb(34,69,126)
```
#264d8d
```
#264d8d rgb(38,77,141)
```
#2a569d
```
#2a569d rgb(42,86,157)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#3266bb
```
#3266bb rgb(50,102,187)
```

Shade Color Variation

#386fca
```
#386fca rgb(56,111,202)
```
#477ace
```
#477ace rgb(71,122,206)
```
#5786d2
```
#5786d2 rgb(87,134,210)
```
#6691d6
```
#6691d6 rgb(102,145,214)
```
#759cda
```
#759cda rgb(117,156,218)
```
#85a7de
```
#85a7de rgb(133,167,222)
```
#94b2e2
```
#94b2e2 rgb(148,178,226)
```
#a4bde7
```
#a4bde7 rgb(164,189,231)
```
#b3c8eb
```
#b3c8eb rgb(179,200,235)
```
#c3d4ef
```
#c3d4ef rgb(195,212,239)
```
#d2dff3
```
#d2dff3 rgb(210,223,243)
```
#e2eaf7
```
#e2eaf7 rgb(226,234,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c71 is the less saturated color, while #0454d6 is the most saturated one.

#696c71
```
#696c71 rgb(105,108,113)
```
#606a7a
```
#606a7a rgb(96,106,122)
```
#586882
```
#586882 rgb(88,104,130)
```
#50668a
```
#50668a rgb(80,102,138)
```
#476493
```
#476493 rgb(71,100,147)
```
#3f629b
```
#3f629b rgb(63,98,155)
```
#3660a4
```
#3660a4 rgb(54,96,164)
```
#2e5eac
```
#2e5eac rgb(46,94,172)
```
#265cb4
```
#265cb4 rgb(38,92,180)
```
#1d5abd
```
#1d5abd rgb(29,90,189)
```
#1558c5
```
#1558c5 rgb(21,88,197)
```
#0c56ce
```
#0c56ce rgb(12,86,206)
```
#0454d6
```
#0454d6 rgb(4,84,214)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4165af Protanopia 1% of men
#1669af Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3a62ae Protanomaly 1% of men, 0.01% of women
#1f65ad Deuteranomaly 6% of men, 0.4% of women
#106a8b Tritanomaly 0.01% of the population

#2e5eac hex color

#2e5eac Color Information

#2e5eac Color Conversion

Color Schemes with #2e5eac

Alternatives to #2e5eac

#2e5eac Preview

Shades and Tints of #2e5eac

Tones of #2e5eac

Color Blindness Simulator