#2e80a3 hex color

In a RGB color space, hex #2e80a3 is composed of 18% red, 50.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 21.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 197.9 degrees, a saturation of 56% and a lightness of 41%. #2e80a3 color hex could be obtained by blending #5cffff with #000147. Closest websafe color is: #339999.

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

● #2e80a3 color description : Dark blue.

The hexadecimal color #2e80a3 has RGB values of R:46, G:128, B:163 and CMYK values of C:0.72, M:0.21, Y:0, K:0.36. Its decimal value is 3047587.

Hex triplet	2e80a3	`#2e80a3`
RGB Decimal	46, 128, 163	`rgb(46,128,163)`
RGB Percent	18, 50.2, 63.9	`rgb(18%,50.2%,63.9%)`
CMYK	72, 21, 0, 36
HSL	197.9°, 56, 41	`hsl(197.9,56%,41%)`
HSV (or HSB)	197.9°, 71.8, 63.9
Web Safe	339999	`#339999`

CIE-LAB	50.29, -12.825, -25.819
XYZ	15.455, 18.662, 37.436
xyY	0.216, 0.261, 18.662
CIE-LCH	50.29, 28.829, 243.585
CIE-LUV	50.29, -30.209, -36.848
Hunter-Lab	43.2, -11.74, -21.139
Binary	00101110, 10000000, 10100011

#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#a3512e
```
#a3512e rgb(163,81,46)
```

Complementary Color

#2ea38c
```
#2ea38c rgb(46,163,140)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#2e46a3
```
#2e46a3 rgb(46,70,163)
```

Analogous Color

#a38c2e
```
#a38c2e rgb(163,140,46)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#a32e46
```
#a32e46 rgb(163,46,70)
```

Split Complementary Color

#80a32e
```
#80a32e rgb(128,163,46)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#a32e80
```
#a32e80 rgb(163,46,128)
```

Triadic Color

#2ea351
```
#2ea351 rgb(46,163,81)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#a32e80
```
#a32e80 rgb(163,46,128)
```
#a3512e
```
#a3512e rgb(163,81,46)
```

Tetradic Color

#1d5167
```
#1d5167 rgb(29,81,103)
```
#23617b
```
#23617b rgb(35,97,123)
```
#28708f
```
#28708f rgb(40,112,143)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#3490b7
```
#3490b7 rgb(52,144,183)
```
#3c9ec8
```
#3c9ec8 rgb(60,158,200)
```
#50a8ce
```
#50a8ce rgb(80,168,206)
```

Monochromatic Color

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

#2e9da3
```
#2e9da3 rgb(46,157,163)
```
#2e94a3
```
#2e94a3 rgb(46,148,163)
```
#2e8aa3
```
#2e8aa3 rgb(46,138,163)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#2e76a3
```
#2e76a3 rgb(46,118,163)
```
#2e6da3
```
#2e6da3 rgb(46,109,163)
```
#2e63a3
```
#2e63a3 rgb(46,99,163)
```

Similar Colors

Text with hexadecimal color #2e80a3

This text has a font color of #2e80a3.

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

#2e80a3 background color

This paragraph has a background color of #2e80a3.

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

#2e80a3 border color

This element has a border color of #2e80a3.

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

CSS codes

.text {color:#2e80a3;}

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

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

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

#03080a
```
#03080a rgb(3,8,10)
```
#071419
```
#071419 rgb(7,20,25)
```
#0b2029
```
#0b2029 rgb(11,32,41)
```
#102c38
```
#102c38 rgb(16,44,56)
```
#143847
```
#143847 rgb(20,56,71)
```
#184457
```
#184457 rgb(24,68,87)
```
#1d5066
```
#1d5066 rgb(29,80,102)
```
#215c75
```
#215c75 rgb(33,92,117)
```
#256884
```
#256884 rgb(37,104,132)
```
#2a7494
```
#2a7494 rgb(42,116,148)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#328cb2
```
#328cb2 rgb(50,140,178)
```
#3798c2
```
#3798c2 rgb(55,152,194)
```

Shade Color Variation

#42a1ca
```
#42a1ca rgb(66,161,202)
```
#51a9ce
```
#51a9ce rgb(81,169,206)
```
#61b0d2
```
#61b0d2 rgb(97,176,210)
```
#70b8d7
```
#70b8d7 rgb(112,184,215)
```
#7fc0db
```
#7fc0db rgb(127,192,219)
```
#8fc7df
```
#8fc7df rgb(143,199,223)
```
#9ecfe4
```
#9ecfe4 rgb(158,207,228)
```
#add6e8
```
#add6e8 rgb(173,214,232)
```
#bddeec
```
#bddeec rgb(189,222,236)
```
#cce6f1
```
#cce6f1 rgb(204,230,241)
```
#dbedf5
```
#dbedf5 rgb(219,237,245)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,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 #0690cb is the most saturated one.

#66696b
```
#66696b rgb(102,105,107)
```
#5e6d73
```
#5e6d73 rgb(94,109,115)
```
#56707b
```
#56707b rgb(86,112,123)
```
#4e7383
```
#4e7383 rgb(78,115,131)
```
#46768b
```
#46768b rgb(70,118,139)
```
#3e7a93
```
#3e7a93 rgb(62,122,147)
```
#367d9b
```
#367d9b rgb(54,125,155)
```
#2e80a3
```
#2e80a3 rgb(46,128,163)
```
#2683ab
```
#2683ab rgb(38,131,171)
```
#1e86b3
```
#1e86b3 rgb(30,134,179)
```
#168abb
```
#168abb rgb(22,138,187)
```
#0e8dc3
```
#0e8dc3 rgb(14,141,195)
```
#0690cb
```
#0690cb rgb(6,144,203)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f6f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747da1 Protanopia 1% of men
#6e7dab Deuteranopia 1% of men
#268a94 Tritanopia 0.001% of the population

Trichromacy

#5a7ea2 Protanomaly 1% of men, 0.01% of women
#577ea8 Deuteranomaly 6% of men, 0.4% of women
#298699 Tritanomaly 0.01% of the population

#2e80a3 hex color

#2e80a3 Color Information

#2e80a3 Color Conversion

Color Schemes with #2e80a3

Alternatives to #2e80a3

#2e80a3 Preview

Shades and Tints of #2e80a3

Tones of #2e80a3

Color Blindness Simulator