#2e559d hex color

In a RGB color space, hex #2e559d is composed of 18% red, 33.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 45.9% magenta, 0% yellow and 38.4% black. It has a hue angle of 218.9 degrees, a saturation of 54.7% and a lightness of 39.8%. #2e559d color hex could be obtained by blending #5caaff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 33
- B 62
RGB color chart
- C 71
- M 46
- Y 0
- K 38
CMYK color chart

● #2e559d color description : Dark blue.

The hexadecimal color #2e559d has RGB values of R:46, G:85, B:157 and CMYK values of C:0.71, M:0.46, Y:0, K:0.38. Its decimal value is 3036573.

Hex triplet	2e559d	`#2e559d`
RGB Decimal	46, 85, 157	`rgb(46,85,157)`
RGB Percent	18, 33.3, 61.6	`rgb(18%,33.3%,61.6%)`
CMYK	71, 46, 0, 38
HSL	218.9°, 54.7, 39.8	`hsl(218.9,54.7%,39.8%)`
HSV (or HSB)	218.9°, 70.7, 61.6
Web Safe	336699	`#336699`

CIE-LAB	36.951, 11.369, -43.293
XYZ	10.46, 9.511, 33.181
xyY	0.197, 0.179, 9.511
CIE-LCH	36.951, 44.761, 284.713
CIE-LUV	36.951, -15.495, -62.23
Hunter-Lab	30.841, 6.568, -42.201
Binary	00101110, 01010101, 10011101

#2e559d
```
#2e559d rgb(46,85,157)
```
#9d762e
```
#9d762e rgb(157,118,46)
```

Complementary Color

#2e8d9d
```
#2e8d9d rgb(46,141,157)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#3e2e9d
```
#3e2e9d rgb(62,46,157)
```

Analogous Color

#8d9d2e
```
#8d9d2e rgb(141,157,46)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#9d3e2e
```
#9d3e2e rgb(157,62,46)
```

Split Complementary Color

#559d2e
```
#559d2e rgb(85,157,46)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#9d2e55
```
#9d2e55 rgb(157,46,85)
```

Triadic Color

#2e9d76
```
#2e9d76 rgb(46,157,118)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#9d2e55
```
#9d2e55 rgb(157,46,85)
```
#9d762e
```
#9d762e rgb(157,118,46)
```

Tetradic Color

#1d3562
```
#1d3562 rgb(29,53,98)
```
#224076
```
#224076 rgb(34,64,118)
```
#284a89
```
#284a89 rgb(40,74,137)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#3460b1
```
#3460b1 rgb(52,96,177)
```
#3a6ac4
```
#3a6ac4 rgb(58,106,196)
```
#4d79cb
```
#4d79cb rgb(77,121,203)
```

Monochromatic Color

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

#2e719d
```
#2e719d rgb(46,113,157)
```
#2e689d
```
#2e689d rgb(46,104,157)
```
#2e5e9d
```
#2e5e9d rgb(46,94,157)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#2e4c9d
```
#2e4c9d rgb(46,76,157)
```
#2e439d
```
#2e439d rgb(46,67,157)
```
#2e399d
```
#2e399d rgb(46,57,157)
```

Similar Colors

Text with hexadecimal color #2e559d

This text has a font color of #2e559d.

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

#2e559d background color

This paragraph has a background color of #2e559d.

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

#2e559d border color

This element has a border color of #2e559d.

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

CSS codes

.text {color:#2e559d;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0a1324
```
#0a1324 rgb(10,19,36)
```
#0f1c33
```
#0f1c33 rgb(15,28,51)
```
#132442
```
#132442 rgb(19,36,66)
```
#182c51
```
#182c51 rgb(24,44,81)
```
#1c3460
```
#1c3460 rgb(28,52,96)
```
#213c6f
```
#213c6f rgb(33,60,111)
```
#25457f
```
#25457f rgb(37,69,127)
```
#2a4d8e
```
#2a4d8e rgb(42,77,142)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#325dac
```
#325dac rgb(50,93,172)
```
#3765bb
```
#3765bb rgb(55,101,187)
```

Shade Color Variation

#3f6fc7
```
#3f6fc7 rgb(63,111,199)
```
#4e7acb
```
#4e7acb rgb(78,122,203)
```
#5d86d0
```
#5d86d0 rgb(93,134,208)
```
#6d91d4
```
#6d91d4 rgb(109,145,212)
```
#7c9cd9
```
#7c9cd9 rgb(124,156,217)
```
#8ba8dd
```
#8ba8dd rgb(139,168,221)
```
#9ab3e1
```
#9ab3e1 rgb(154,179,225)
```
#a9bfe6
```
#a9bfe6 rgb(169,191,230)
```
#b8caea
```
#b8caea rgb(184,202,234)
```
#c8d5ef
```
#c8d5ef rgb(200,213,239)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#656566
```
#656566 rgb(101,101,102)
```
#5d636e
```
#5d636e rgb(93,99,110)
```
#556176
```
#556176 rgb(85,97,118)
```
#4d5e7e
```
#4d5e7e rgb(77,94,126)
```
#455c86
```
#455c86 rgb(69,92,134)
```
#3e5a8d
```
#3e5a8d rgb(62,90,141)
```
#365795
```
#365795 rgb(54,87,149)
```
#2e559d
```
#2e559d rgb(46,85,157)
```
#2653a5
```
#2653a5 rgb(38,83,165)
```
#1e50ad
```
#1e50ad rgb(30,80,173)
```
#174eb4
```
#174eb4 rgb(23,78,180)
```
#0f4cbc
```
#0f4cbc rgb(15,76,188)
```
#0749c4
```
#0749c4 rgb(7,73,196)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5da1 Protanopia 1% of men
#1961a0 Deuteranopia 1% of men
#006870 Tritanopia 0.001% of the population

Trichromacy

#365aa0 Protanomaly 1% of men, 0.01% of women
#205c9f Deuteranomaly 6% of men, 0.4% of women
#106180 Tritanomaly 0.01% of the population

#2e559d hex color

#2e559d Color Information

#2e559d Color Conversion

Color Schemes with #2e559d

Alternatives to #2e559d

#2e559d Preview

Shades and Tints of #2e559d

Tones of #2e559d

Color Blindness Simulator