#2e3f7c hex color

In a RGB color space, hex #2e3f7c is composed of 18% red, 24.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 49.2% magenta, 0% yellow and 51.4% black. It has a hue angle of 226.9 degrees, a saturation of 45.9% and a lightness of 33.3%. #2e3f7c color hex could be obtained by blending #5c7ef8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 49
RGB color chart
- C 63
- M 49
- Y 0
- K 51
CMYK color chart

● #2e3f7c color description : Dark moderate blue.

The hexadecimal color #2e3f7c has RGB values of R:46, G:63, B:124 and CMYK values of C:0.63, M:0.49, Y:0, K:0.51. Its decimal value is 3030908.

Hex triplet	2e3f7c	`#2e3f7c`
RGB Decimal	46, 63, 124	`rgb(46,63,124)`
RGB Percent	18, 24.7, 48.6	`rgb(18%,24.7%,48.6%)`
CMYK	63, 49, 0, 51
HSL	226.9°, 45.9, 33.3	`hsl(226.9,45.9%,33.3%)`
HSV (or HSB)	226.9°, 62.9, 48.6
Web Safe	333366	`#333366`

CIE-LAB	28.356, 13.716, -36.838
XYZ	6.542, 5.591, 19.802
xyY	0.205, 0.175, 5.591
CIE-LCH	28.356, 39.309, 290.423
CIE-LUV	28.356, -8.543, -48.829
Hunter-Lab	23.645, 8.005, -33.103
Binary	00101110, 00111111, 01111100

#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#7c6b2e
```
#7c6b2e rgb(124,107,46)
```

Complementary Color

#2e667c
```
#2e667c rgb(46,102,124)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#442e7c
```
#442e7c rgb(68,46,124)
```

Analogous Color

#667c2e
```
#667c2e rgb(102,124,46)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#7c442e
```
#7c442e rgb(124,68,46)
```

Split Complementary Color

#3f7c2e
```
#3f7c2e rgb(63,124,46)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#7c2e3f
```
#7c2e3f rgb(124,46,63)
```

Triadic Color

#2e7c6b
```
#2e7c6b rgb(46,124,107)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#7c2e3f
```
#7c2e3f rgb(124,46,63)
```
#7c6b2e
```
#7c6b2e rgb(124,107,46)
```

Tetradic Color

#192344
```
#192344 rgb(25,35,68)
```
#202c57
```
#202c57 rgb(32,44,87)
```
#273669
```
#273669 rgb(39,54,105)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#35488f
```
#35488f rgb(53,72,143)
```
#3c52a1
```
#3c52a1 rgb(60,82,161)
```
#435bb4
```
#435bb4 rgb(67,91,180)
```

Monochromatic Color

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

#2e537c
```
#2e537c rgb(46,83,124)
```
#2e4c7c
```
#2e4c7c rgb(46,76,124)
```
#2e467c
```
#2e467c rgb(46,70,124)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#2e397c
```
#2e397c rgb(46,57,124)
```
#2e327c
```
#2e327c rgb(46,50,124)
```
#302e7c
```
#302e7c rgb(48,46,124)
```

Similar Colors

Text with hexadecimal color #2e3f7c

This text has a font color of #2e3f7c.

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

#2e3f7c background color

This paragraph has a background color of #2e3f7c.

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

#2e3f7c border color

This element has a border color of #2e3f7c.

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

CSS codes

.text {color:#2e3f7c;}

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

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

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, #04050a is the darkest color, while #fafbfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#090c18
```
#090c18 rgb(9,12,24)
```
#0e1326
```
#0e1326 rgb(14,19,38)
```
#131b34
```
#131b34 rgb(19,27,52)
```
#192243
```
#192243 rgb(25,34,67)
```
#1e2951
```
#1e2951 rgb(30,41,81)
```
#23305f
```
#23305f rgb(35,48,95)
```
#29386e
```
#29386e rgb(41,56,110)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#33468a
```
#33468a rgb(51,70,138)
```
#394e99
```
#394e99 rgb(57,78,153)
```
#3e55a7
```
#3e55a7 rgb(62,85,167)
```
#435cb5
```
#435cb5 rgb(67,92,181)
```

Shade Color Variation

#4f67be
```
#4f67be rgb(79,103,190)
```
#5d73c3
```
#5d73c3 rgb(93,115,195)
```
#6b7fc8
```
#6b7fc8 rgb(107,127,200)
```
#798ccd
```
#798ccd rgb(121,140,205)
```
#8898d3
```
#8898d3 rgb(136,152,211)
```
#96a4d8
```
#96a4d8 rgb(150,164,216)
```
#a4b1dd
```
#a4b1dd rgb(164,177,221)
```
#b3bde3
```
#b3bde3 rgb(179,189,227)
```
#c1cae8
```
#c1cae8 rgb(193,202,232)
```
#cfd6ed
```
#cfd6ed rgb(207,214,237)
```
#dee2f3
```
#dee2f3 rgb(222,226,243)
```
#eceff8
```
#eceff8 rgb(236,239,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#4f515b
```
#4f515b rgb(79,81,91)
```
#484e62
```
#484e62 rgb(72,78,98)
```
#424a68
```
#424a68 rgb(66,74,104)
```
#3b466f
```
#3b466f rgb(59,70,111)
```
#354375
```
#354375 rgb(53,67,117)
```
#2e3f7c
```
#2e3f7c rgb(46,63,124)
```
#273b83
```
#273b83 rgb(39,59,131)
```
#213889
```
#213889 rgb(33,56,137)
```
#1a3490
```
#1a3490 rgb(26,52,144)
```
#143096
```
#143096 rgb(20,48,150)
```
#0d2d9d
```
#0d2d9d rgb(13,45,157)
```
#0729a3
```
#0729a3 rgb(7,41,163)
```
#0025aa
```
#0025aa rgb(0,37,170)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3d414d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4a84 Protanopia 1% of men
#144d80 Deuteranopia 1% of men
#1e5359 Tritanopia 0.001% of the population

Trichromacy

#2d4681 Protanomaly 1% of men, 0.01% of women
#1d487f Deuteranomaly 6% of men, 0.4% of women
#244b65 Tritanomaly 0.01% of the population

#2e3f7c hex color

#2e3f7c Color Information

#2e3f7c Color Conversion

Color Schemes with #2e3f7c

Alternatives to #2e3f7c

#2e3f7c Preview

Shades and Tints of #2e3f7c

Tones of #2e3f7c

Color Blindness Simulator