#2e567f hex color

In a RGB color space, hex #2e567f is composed of 18% red, 33.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 32.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 210.4 degrees, a saturation of 46.8% and a lightness of 33.9%. #2e567f color hex could be obtained by blending #5cacfe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 50
RGB color chart
- C 64
- M 32
- Y 0
- K 50
CMYK color chart

● #2e567f color description : Dark moderate blue.

The hexadecimal color #2e567f has RGB values of R:46, G:86, B:127 and CMYK values of C:0.64, M:0.32, Y:0, K:0.5. Its decimal value is 3036799.

Hex triplet	2e567f	`#2e567f`
RGB Decimal	46, 86, 127	`rgb(46,86,127)`
RGB Percent	18, 33.7, 49.8	`rgb(18%,33.7%,49.8%)`
CMYK	64, 32, 0, 50
HSL	210.4°, 46.8, 33.9	`hsl(210.4,46.8%,33.9%)`
HSV (or HSB)	210.4°, 63.8, 49.8
Web Safe	336666	`#336666`

CIE-LAB	35.534, -0.441, -27.31
XYZ	8.284, 8.768, 21.333
xyY	0.216, 0.228, 8.768
CIE-LCH	35.534, 27.313, 269.075
CIE-LUV	35.534, -16.282, -37.481
Hunter-Lab	29.611, -1.88, -21.988
Binary	00101110, 01010110, 01111111

#2e567f
```
#2e567f rgb(46,86,127)
```
#7f572e
```
#7f572e rgb(127,87,46)
```

Complementary Color

#2e7f7f
```
#2e7f7f rgb(46,127,127)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#2e2e7f
```
#2e2e7f rgb(46,46,127)
```

Analogous Color

#7f7f2e
```
#7f7f2e rgb(127,127,46)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#7f2e2e
```
#7f2e2e rgb(127,46,46)
```

Split Complementary Color

#567f2e
```
#567f2e rgb(86,127,46)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#7f2e56
```
#7f2e56 rgb(127,46,86)
```

Triadic Color

#2e7f57
```
#2e7f57 rgb(46,127,87)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#7f2e56
```
#7f2e56 rgb(127,46,86)
```
#7f572e
```
#7f572e rgb(127,87,46)
```

Tetradic Color

#1a3047
```
#1a3047 rgb(26,48,71)
```
#203d5a
```
#203d5a rgb(32,61,90)
```
#27496c
```
#27496c rgb(39,73,108)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#356392
```
#356392 rgb(53,99,146)
```
#3c6fa4
```
#3c6fa4 rgb(60,111,164)
```
#427cb7
```
#427cb7 rgb(66,124,183)
```

Monochromatic Color

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

#2e6a7f
```
#2e6a7f rgb(46,106,127)
```
#2e647f
```
#2e647f rgb(46,100,127)
```
#2e5d7f
```
#2e5d7f rgb(46,93,127)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#2e4f7f
```
#2e4f7f rgb(46,79,127)
```
#2e497f
```
#2e497f rgb(46,73,127)
```
#2e427f
```
#2e427f rgb(46,66,127)
```

Similar Colors

Text with hexadecimal color #2e567f

This text has a font color of #2e567f.

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

#2e567f background color

This paragraph has a background color of #2e567f.

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

#2e567f border color

This element has a border color of #2e567f.

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

CSS codes

.text {color:#2e567f;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#09121a
```
#09121a rgb(9,18,26)
```
#0f1b29
```
#0f1b29 rgb(15,27,41)
```
#142537
```
#142537 rgb(20,37,55)
```
#192f45
```
#192f45 rgb(25,47,69)
```
#1e3954
```
#1e3954 rgb(30,57,84)
```
#244262
```
#244262 rgb(36,66,98)
```
#294c71
```
#294c71 rgb(41,76,113)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#33608d
```
#33608d rgb(51,96,141)
```
#386a9c
```
#386a9c rgb(56,106,156)
```
#3e73aa
```
#3e73aa rgb(62,115,170)
```
#437db9
```
#437db9 rgb(67,125,185)
```

Shade Color Variation

#5087bf
```
#5087bf rgb(80,135,191)
```
#5e91c5
```
#5e91c5 rgb(94,145,197)
```
#6c9bca
```
#6c9bca rgb(108,155,202)
```
#7ba4cf
```
#7ba4cf rgb(123,164,207)
```
#89aed4
```
#89aed4 rgb(137,174,212)
```
#98b8da
```
#98b8da rgb(152,184,218)
```
#a6c2df
```
#a6c2df rgb(166,194,223)
```
#b4cce4
```
#b4cce4 rgb(180,204,228)
```
#c3d6e9
```
#c3d6e9 rgb(195,214,233)
```
#d1e0ee
```
#d1e0ee rgb(209,224,238)
```
#e0e9f4
```
#e0e9f4 rgb(224,233,244)
```
#eef3f9
```
#eef3f9 rgb(238,243,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#565657
```
#565657 rgb(86,86,87)
```
#4f565e
```
#4f565e rgb(79,86,94)
```
#495664
```
#495664 rgb(73,86,100)
```
#42566b
```
#42566b rgb(66,86,107)
```
#3b5672
```
#3b5672 rgb(59,86,114)
```
#355678
```
#355678 rgb(53,86,120)
```
#2e567f
```
#2e567f rgb(46,86,127)
```
#275686
```
#275686 rgb(39,86,134)
```
#21568c
```
#21568c rgb(33,86,140)
```
#1a5693
```
#1a5693 rgb(26,86,147)
```
#13569a
```
#13569a rgb(19,86,154)
```
#0d56a0
```
#0d56a0 rgb(13,86,160)
```
#0656a7
```
#0656a7 rgb(6,86,167)
```

Tone Color Variation

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

Dichromacy

#4e5b82 Protanopia 1% of men
#465c86 Deuteranopia 1% of men
#28646b Tritanopia 0.001% of the population

Trichromacy

#425981 Protanomaly 1% of men, 0.01% of women
#3d5983 Deuteranomaly 6% of men, 0.4% of women
#2a5f72 Tritanomaly 0.01% of the population

#2e567f hex color

#2e567f Color Information

#2e567f Color Conversion

Color Schemes with #2e567f

Alternatives to #2e567f

#2e567f Preview

Shades and Tints of #2e567f

Tones of #2e567f

Color Blindness Simulator