#2e7aa3 hex color

In a RGB color space, hex #2e7aa3 is composed of 18% red, 47.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 25.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 201 degrees, a saturation of 56% and a lightness of 41%. #2e7aa3 color hex could be obtained by blending #5cf4ff with #000047. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 48
- B 64
RGB color chart
- C 72
- M 25
- Y 0
- K 36
CMYK color chart

● #2e7aa3 color description : Dark blue.

The hexadecimal color #2e7aa3 has RGB values of R:46, G:122, B:163 and CMYK values of C:0.72, M:0.25, Y:0, K:0.36. Its decimal value is 3046051.

Hex triplet	2e7aa3	`#2e7aa3`
RGB Decimal	46, 122, 163	`rgb(46,122,163)`
RGB Percent	18, 47.8, 63.9	`rgb(18%,47.8%,63.9%)`
CMYK	72, 25, 0, 36
HSL	201°, 56, 41	`hsl(201,56%,41%)`
HSV (or HSB)	201°, 71.8, 63.9
Web Safe	336699	`#336699`

CIE-LAB	48.44, -9.398, -28.692
XYZ	14.695, 17.143, 37.183
xyY	0.213, 0.248, 17.143
CIE-LCH	48.44, 30.191, 251.865
CIE-LUV	48.44, -28.034, -41.502
Hunter-Lab	41.404, -9.103, -24.262
Binary	00101110, 01111010, 10100011

#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#a3572e
```
#a3572e rgb(163,87,46)
```

Complementary Color

#2ea392
```
#2ea392 rgb(46,163,146)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#2e40a3
```
#2e40a3 rgb(46,64,163)
```

Analogous Color

#a3922e
```
#a3922e rgb(163,146,46)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#a32e40
```
#a32e40 rgb(163,46,64)
```

Split Complementary Color

#7aa32e
```
#7aa32e rgb(122,163,46)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#a32e7a
```
#a32e7a rgb(163,46,122)
```

Triadic Color

#2ea357
```
#2ea357 rgb(46,163,87)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#a32e7a
```
#a32e7a rgb(163,46,122)
```
#a3572e
```
#a3572e rgb(163,87,46)
```

Tetradic Color

#1d4d67
```
#1d4d67 rgb(29,77,103)
```
#235c7b
```
#235c7b rgb(35,92,123)
```
#286b8f
```
#286b8f rgb(40,107,143)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#3489b7
```
#3489b7 rgb(52,137,183)
```
#3c97c8
```
#3c97c8 rgb(60,151,200)
```
#50a2ce
```
#50a2ce rgb(80,162,206)
```

Monochromatic Color

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

#2e97a3
```
#2e97a3 rgb(46,151,163)
```
#2e8ea3
```
#2e8ea3 rgb(46,142,163)
```
#2e84a3
```
#2e84a3 rgb(46,132,163)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#2e70a3
```
#2e70a3 rgb(46,112,163)
```
#2e67a3
```
#2e67a3 rgb(46,103,163)
```
#2e5da3
```
#2e5da3 rgb(46,93,163)
```

Similar Colors

Text with hexadecimal color #2e7aa3

This text has a font color of #2e7aa3.

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

#2e7aa3 background color

This paragraph has a background color of #2e7aa3.

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

#2e7aa3 border color

This element has a border color of #2e7aa3.

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

CSS codes

.text {color:#2e7aa3;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#071319
```
#071319 rgb(7,19,25)
```
#0b1e29
```
#0b1e29 rgb(11,30,41)
```
#102a38
```
#102a38 rgb(16,42,56)
```
#143547
```
#143547 rgb(20,53,71)
```
#184157
```
#184157 rgb(24,65,87)
```
#1d4c66
```
#1d4c66 rgb(29,76,102)
```
#215875
```
#215875 rgb(33,88,117)
```
#256384
```
#256384 rgb(37,99,132)
```
#2a6f94
```
#2a6f94 rgb(42,111,148)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#3285b2
```
#3285b2 rgb(50,133,178)
```
#3791c2
```
#3791c2 rgb(55,145,194)
```

Shade Color Variation

#429aca
```
#429aca rgb(66,154,202)
```
#51a2ce
```
#51a2ce rgb(81,162,206)
```
#61abd2
```
#61abd2 rgb(97,171,210)
```
#70b3d7
```
#70b3d7 rgb(112,179,215)
```
#7fbbdb
```
#7fbbdb rgb(127,187,219)
```
#8fc3df
```
#8fc3df rgb(143,195,223)
```
#9ecbe4
```
#9ecbe4 rgb(158,203,228)
```
#add3e8
```
#add3e8 rgb(173,211,232)
```
#bddcec
```
#bddcec rgb(189,220,236)
```
#cce4f1
```
#cce4f1 rgb(204,228,241)
```
#dbecf5
```
#dbecf5 rgb(219,236,245)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66696b is the less saturated color, while #0686cb is the most saturated one.

#66696b
```
#66696b rgb(102,105,107)
```
#5e6c73
```
#5e6c73 rgb(94,108,115)
```
#566e7b
```
#566e7b rgb(86,110,123)
```
#4e7083
```
#4e7083 rgb(78,112,131)
```
#46738b
```
#46738b rgb(70,115,139)
```
#3e7593
```
#3e7593 rgb(62,117,147)
```
#36789b
```
#36789b rgb(54,120,155)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#267cab
```
#267cab rgb(38,124,171)
```
#1e7fb3
```
#1e7fb3 rgb(30,127,179)
```
#1681bb
```
#1681bb rgb(22,129,187)
```
#0e84c3
```
#0e84c3 rgb(14,132,195)
```
#0686cb
```
#0686cb rgb(6,134,203)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d78a2 Protanopia 1% of men
#6579aa Deuteranopia 1% of men
#20858f Tritanopia 0.001% of the population

Trichromacy

#5679a2 Protanomaly 1% of men, 0.01% of women
#5179a7 Deuteranomaly 6% of men, 0.4% of women
#258196 Tritanomaly 0.01% of the population

#2e7aa3 hex color

#2e7aa3 Color Information

#2e7aa3 Color Conversion

Color Schemes with #2e7aa3

Alternatives to #2e7aa3

#2e7aa3 Preview

Shades and Tints of #2e7aa3

Tones of #2e7aa3

Color Blindness Simulator