#2e749d hex color

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

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

● #2e749d color description : Dark blue.

The hexadecimal color #2e749d has RGB values of R:46, G:116, B:157 and CMYK values of C:0.71, M:0.26, Y:0, K:0.38. Its decimal value is 3044509.

Hex triplet	2e749d	`#2e749d`
RGB Decimal	46, 116, 157	`rgb(46,116,157)`
RGB Percent	18, 45.5, 61.6	`rgb(18%,45.5%,61.6%)`
CMYK	71, 26, 0, 38
HSL	202.2°, 54.7, 39.8	`hsl(202.2,54.7%,39.8%)`
HSV (or HSB)	202.2°, 70.7, 61.6
Web Safe	336699	`#336699`

CIE-LAB	46.318, -8.017, -28.48
XYZ	13.456, 15.505, 34.18
xyY	0.213, 0.246, 15.505
CIE-LCH	46.318, 29.587, 254.278
CIE-LUV	46.318, -26.146, -40.947
Hunter-Lab	39.376, -7.908, -23.903
Binary	00101110, 01110100, 10011101

#2e749d
```
#2e749d rgb(46,116,157)
```
#9d572e
```
#9d572e rgb(157,87,46)
```

Complementary Color

#2e9d8f
```
#2e9d8f rgb(46,157,143)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#2e3d9d
```
#2e3d9d rgb(46,61,157)
```

Analogous Color

#9d8f2e
```
#9d8f2e rgb(157,143,46)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#9d2e3d
```
#9d2e3d rgb(157,46,61)
```

Split Complementary Color

#749d2e
```
#749d2e rgb(116,157,46)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#9d2e74
```
#9d2e74 rgb(157,46,116)
```

Triadic Color

#2e9d57
```
#2e9d57 rgb(46,157,87)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#9d2e74
```
#9d2e74 rgb(157,46,116)
```
#9d572e
```
#9d572e rgb(157,87,46)
```

Tetradic Color

#1d4862
```
#1d4862 rgb(29,72,98)
```
#225776
```
#225776 rgb(34,87,118)
```
#286589
```
#286589 rgb(40,101,137)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#3483b1
```
#3483b1 rgb(52,131,177)
```
#3a91c4
```
#3a91c4 rgb(58,145,196)
```
#4d9ccb
```
#4d9ccb rgb(77,156,203)
```

Monochromatic Color

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

#2e909d
```
#2e909d rgb(46,144,157)
```
#2e879d
```
#2e879d rgb(46,135,157)
```
#2e7d9d
```
#2e7d9d rgb(46,125,157)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#2e6b9d
```
#2e6b9d rgb(46,107,157)
```
#2e629d
```
#2e629d rgb(46,98,157)
```
#2e589d
```
#2e589d rgb(46,88,157)
```

Similar Colors

Text with hexadecimal color #2e749d

This text has a font color of #2e749d.

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

#2e749d background color

This paragraph has a background color of #2e749d.

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

#2e749d border color

This element has a border color of #2e749d.

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

CSS codes

.text {color:#2e749d;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#060f14
```
#060f14 rgb(6,15,20)
```
#0a1a24
```
#0a1a24 rgb(10,26,36)
```
#0f2633
```
#0f2633 rgb(15,38,51)
```
#133142
```
#133142 rgb(19,49,66)
```
#183c51
```
#183c51 rgb(24,60,81)
```
#1c4760
```
#1c4760 rgb(28,71,96)
```
#21526f
```
#21526f rgb(33,82,111)
```
#255e7f
```
#255e7f rgb(37,94,127)
```
#2a698e
```
#2a698e rgb(42,105,142)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#327fac
```
#327fac rgb(50,127,172)
```
#378abb
```
#378abb rgb(55,138,187)
```

Shade Color Variation

#3f95c7
```
#3f95c7 rgb(63,149,199)
```
#4e9dcb
```
#4e9dcb rgb(78,157,203)
```
#5da5d0
```
#5da5d0 rgb(93,165,208)
```
#6daed4
```
#6daed4 rgb(109,174,212)
```
#7cb6d9
```
#7cb6d9 rgb(124,182,217)
```
#8bbfdd
```
#8bbfdd rgb(139,191,221)
```
#9ac7e1
```
#9ac7e1 rgb(154,199,225)
```
#a9cfe6
```
#a9cfe6 rgb(169,207,230)
```
#b8d8ea
```
#b8d8ea rgb(184,216,234)
```
#c8e0ef
```
#c8e0ef rgb(200,224,239)
```
#d7e9f3
```
#d7e9f3 rgb(215,233,243)
```
#e6f1f8
```
#e6f1f8 rgb(230,241,248)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

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

#656666
```
#656666 rgb(101,102,102)
```
#5d686e
```
#5d686e rgb(93,104,110)
```
#556a76
```
#556a76 rgb(85,106,118)
```
#4d6c7e
```
#4d6c7e rgb(77,108,126)
```
#456e86
```
#456e86 rgb(69,110,134)
```
#3e708d
```
#3e708d rgb(62,112,141)
```
#367295
```
#367295 rgb(54,114,149)
```
#2e749d
```
#2e749d rgb(46,116,157)
```
#2676a5
```
#2676a5 rgb(38,118,165)
```
#1e78ad
```
#1e78ad rgb(30,120,173)
```
#177ab4
```
#177ab4 rgb(23,122,180)
```
#0f7cbc
```
#0f7cbc rgb(15,124,188)
```
#077ec4
```
#077ec4 rgb(7,126,196)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59676f Atypical Achromatopsia 0.001% of the population

Dichromacy

#68739c Protanopia 1% of men
#6074a4 Deuteranopia 1% of men
#228089 Tritanopia 0.001% of the population

Trichromacy

#53739c Protanomaly 1% of men, 0.01% of women
#4e74a1 Deuteranomaly 6% of men, 0.4% of women
#267b90 Tritanomaly 0.01% of the population

#2e749d hex color

#2e749d Color Information

#2e749d Color Conversion

Color Schemes with #2e749d

Alternatives to #2e749d

#2e749d Preview

Shades and Tints of #2e749d

Tones of #2e749d

Color Blindness Simulator