#2e80aa hex color

In a RGB color space, hex #2e80aa is composed of 18% red, 50.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 24.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 200.3 degrees, a saturation of 57.4% and a lightness of 42.4%. #2e80aa color hex could be obtained by blending #5cffff with #000155. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 50
- B 67
RGB color chart
- C 73
- M 25
- Y 0
- K 33
CMYK color chart

● #2e80aa color description : Dark blue.

The hexadecimal color #2e80aa has RGB values of R:46, G:128, B:170 and CMYK values of C:0.73, M:0.25, Y:0, K:0.33. Its decimal value is 3047594.

Hex triplet	2e80aa	`#2e80aa`
RGB Decimal	46, 128, 170	`rgb(46,128,170)`
RGB Percent	18, 50.2, 66.7	`rgb(18%,50.2%,66.7%)`
CMYK	73, 25, 0, 33
HSL	200.3°, 57.4, 42.4	`hsl(200.3,57.4%,42.4%)`
HSV (or HSB)	200.3°, 72.9, 66.7
Web Safe	339999	`#339999`

CIE-LAB	50.594, -10.392, -29.409
XYZ	16.1, 18.92, 40.831
xyY	0.212, 0.249, 18.92
CIE-LCH	50.594, 31.191, 250.539
CIE-LUV	50.594, -29.846, -42.886
Hunter-Lab	43.497, -10.052, -25.208
Binary	00101110, 10000000, 10101010

#2e80aa
```
#2e80aa rgb(46,128,170)
```
#aa582e
```
#aa582e rgb(170,88,46)
```

Complementary Color

#2eaa96
```
#2eaa96 rgb(46,170,150)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#2e42aa
```
#2e42aa rgb(46,66,170)
```

Analogous Color

#aa962e
```
#aa962e rgb(170,150,46)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#aa2e42
```
#aa2e42 rgb(170,46,66)
```

Split Complementary Color

#80aa2e
```
#80aa2e rgb(128,170,46)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#aa2e80
```
#aa2e80 rgb(170,46,128)
```

Triadic Color

#2eaa58
```
#2eaa58 rgb(46,170,88)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#aa2e80
```
#aa2e80 rgb(170,46,128)
```
#aa582e
```
#aa582e rgb(170,88,46)
```

Tetradic Color

#1e536e
```
#1e536e rgb(30,83,110)
```
#236282
```
#236282 rgb(35,98,130)
```
#297196
```
#297196 rgb(41,113,150)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#338fbe
```
#338fbe rgb(51,143,190)
```
#409ccb
```
#409ccb rgb(64,156,203)
```
#54a6d1
```
#54a6d1 rgb(84,166,209)
```

Monochromatic Color

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

#2e9faa
```
#2e9faa rgb(46,159,170)
```
#2e95aa
```
#2e95aa rgb(46,149,170)
```
#2e8aaa
```
#2e8aaa rgb(46,138,170)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#2e76aa
```
#2e76aa rgb(46,118,170)
```
#2e6baa
```
#2e6baa rgb(46,107,170)
```
#2e61aa
```
#2e61aa rgb(46,97,170)
```

Similar Colors

Text with hexadecimal color #2e80aa

This text has a font color of #2e80aa.

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

#2e80aa background color

This paragraph has a background color of #2e80aa.

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

#2e80aa border color

This element has a border color of #2e80aa.

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

CSS codes

.text {color:#2e80aa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#08171f
```
#08171f rgb(8,23,31)
```
#0d232e
```
#0d232e rgb(13,35,46)
```
#112f3e
```
#112f3e rgb(17,47,62)
```
#153a4d
```
#153a4d rgb(21,58,77)
```
#19465d
```
#19465d rgb(25,70,93)
```
#1d526c
```
#1d526c rgb(29,82,108)
```
#215d7c
```
#215d7c rgb(33,93,124)
```
#26698b
```
#26698b rgb(38,105,139)
```
#2a749b
```
#2a749b rgb(42,116,155)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#328cb9
```
#328cb9 rgb(50,140,185)
```

Shade Color Variation

#3697c9
```
#3697c9 rgb(54,151,201)
```
#469fcd
```
#469fcd rgb(70,159,205)
```
#55a7d1
```
#55a7d1 rgb(85,167,209)
```
#65afd5
```
#65afd5 rgb(101,175,213)
```
#74b7d9
```
#74b7d9 rgb(116,183,217)
```
#84bfde
```
#84bfde rgb(132,191,222)
```
#93c7e2
```
#93c7e2 rgb(147,199,226)
```
#a3cfe6
```
#a3cfe6 rgb(163,207,230)
```
#b2d7ea
```
#b2d7ea rgb(178,215,234)
```
#c1dfee
```
#c1dfee rgb(193,223,238)
```
#d1e7f3
```
#d1e7f3 rgb(209,231,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d70 is the less saturated color, while #048dd4 is the most saturated one.

#686d70
```
#686d70 rgb(104,109,112)
```
#607078
```
#607078 rgb(96,112,120)
```
#587380
```
#587380 rgb(88,115,128)
```
#4f7589
```
#4f7589 rgb(79,117,137)
```
#477891
```
#477891 rgb(71,120,145)
```
#3f7b99
```
#3f7b99 rgb(63,123,153)
```
#367da2
```
#367da2 rgb(54,125,162)
```
#2e80aa
```
#2e80aa rgb(46,128,170)
```
#2683b2
```
#2683b2 rgb(38,131,178)
```
#1d85bb
```
#1d85bb rgb(29,133,187)
```
#1588c3
```
#1588c3 rgb(21,136,195)
```
#0d8bcb
```
#0d8bcb rgb(13,139,203)
```
#048dd4
```
#048dd4 rgb(4,141,212)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#607078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727da8 Protanopia 1% of men
#6a7eb1 Deuteranopia 1% of men
#1d8b95 Tritanopia 0.001% of the population

Trichromacy

#597ea8 Protanomaly 1% of men, 0.01% of women
#547fae Deuteranomaly 6% of men, 0.4% of women
#23879d Tritanomaly 0.01% of the population

#2e80aa hex color

#2e80aa Color Information

#2e80aa Color Conversion

Color Schemes with #2e80aa

Alternatives to #2e80aa

#2e80aa Preview

Shades and Tints of #2e80aa

Tones of #2e80aa

Color Blindness Simulator