#2e83aa hex color

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

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

● #2e83aa color description : Dark blue.

The hexadecimal color #2e83aa has RGB values of R:46, G:131, B:170 and CMYK values of C:0.73, M:0.23, Y:0, K:0.33. Its decimal value is 3048362.

Hex triplet	2e83aa	`#2e83aa`
RGB Decimal	46, 131, 170	`rgb(46,131,170)`
RGB Percent	18, 51.4, 66.7	`rgb(18%,51.4%,66.7%)`
CMYK	73, 23, 0, 33
HSL	198.9°, 57.4, 42.4	`hsl(198.9,57.4%,42.4%)`
HSV (or HSB)	198.9°, 72.9, 66.7
Web Safe	339999	`#339999`

CIE-LAB	51.513, -12.097, -27.98
XYZ	16.497, 19.714, 40.964
xyY	0.214, 0.255, 19.714
CIE-LCH	51.513, 30.483, 246.619
CIE-LUV	51.513, -30.926, -40.548
Hunter-Lab	44.401, -11.381, -23.62
Binary	00101110, 10000011, 10101010

#2e83aa
```
#2e83aa rgb(46,131,170)
```
#aa552e
```
#aa552e rgb(170,85,46)
```

Complementary Color

#2eaa93
```
#2eaa93 rgb(46,170,147)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#2e45aa
```
#2e45aa rgb(46,69,170)
```

Analogous Color

#aa932e
```
#aa932e rgb(170,147,46)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#aa2e45
```
#aa2e45 rgb(170,46,69)
```

Split Complementary Color

#83aa2e
```
#83aa2e rgb(131,170,46)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#aa2e83
```
#aa2e83 rgb(170,46,131)
```

Triadic Color

#2eaa55
```
#2eaa55 rgb(46,170,85)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#aa2e83
```
#aa2e83 rgb(170,46,131)
```
#aa552e
```
#aa552e rgb(170,85,46)
```

Tetradic Color

#1e556e
```
#1e556e rgb(30,85,110)
```
#236482
```
#236482 rgb(35,100,130)
```
#297496
```
#297496 rgb(41,116,150)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#3392be
```
#3392be rgb(51,146,190)
```
#409fcb
```
#409fcb rgb(64,159,203)
```
#54a9d1
```
#54a9d1 rgb(84,169,209)
```

Monochromatic Color

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

#2ea2aa
```
#2ea2aa rgb(46,162,170)
```
#2e98aa
```
#2e98aa rgb(46,152,170)
```
#2e8daa
```
#2e8daa rgb(46,141,170)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#2e79aa
```
#2e79aa rgb(46,121,170)
```
#2e6eaa
```
#2e6eaa rgb(46,110,170)
```
#2e64aa
```
#2e64aa rgb(46,100,170)
```

Similar Colors

Text with hexadecimal color #2e83aa

This text has a font color of #2e83aa.

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

#2e83aa background color

This paragraph has a background color of #2e83aa.

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

#2e83aa border color

This element has a border color of #2e83aa.

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

CSS codes

.text {color:#2e83aa;}

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

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

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)
```
#08181f
```
#08181f rgb(8,24,31)
```
#0d242e
```
#0d242e rgb(13,36,46)
```
#11303e
```
#11303e rgb(17,48,62)
```
#153c4d
```
#153c4d rgb(21,60,77)
```
#19485d
```
#19485d rgb(25,72,93)
```
#1d536c
```
#1d536c rgb(29,83,108)
```
#215f7c
```
#215f7c rgb(33,95,124)
```
#266b8b
```
#266b8b rgb(38,107,139)
```
#2a779b
```
#2a779b rgb(42,119,155)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#328fb9
```
#328fb9 rgb(50,143,185)
```

Shade Color Variation

#369bc9
```
#369bc9 rgb(54,155,201)
```
#46a2cd
```
#46a2cd rgb(70,162,205)
```
#55aad1
```
#55aad1 rgb(85,170,209)
```
#65b2d5
```
#65b2d5 rgb(101,178,213)
```
#74bad9
```
#74bad9 rgb(116,186,217)
```
#84c1de
```
#84c1de rgb(132,193,222)
```
#93c9e2
```
#93c9e2 rgb(147,201,226)
```
#a3d1e6
```
#a3d1e6 rgb(163,209,230)
```
#b2d8ea
```
#b2d8ea rgb(178,216,234)
```
#c1e0ee
```
#c1e0ee rgb(193,224,238)
```
#d1e8f3
```
#d1e8f3 rgb(209,232,243)
```
#e0f0f7
```
#e0f0f7 rgb(224,240,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 #0492d4 is the most saturated one.

#686d70
```
#686d70 rgb(104,109,112)
```
#607178
```
#607178 rgb(96,113,120)
```
#587480
```
#587480 rgb(88,116,128)
```
#4f7789
```
#4f7789 rgb(79,119,137)
```
#477a91
```
#477a91 rgb(71,122,145)
```
#3f7d99
```
#3f7d99 rgb(63,125,153)
```
#3680a2
```
#3680a2 rgb(54,128,162)
```
#2e83aa
```
#2e83aa rgb(46,131,170)
```
#2686b2
```
#2686b2 rgb(38,134,178)
```
#1d89bb
```
#1d89bb rgb(29,137,187)
```
#158cc3
```
#158cc3 rgb(21,140,195)
```
#0d8fcb
```
#0d8fcb rgb(13,143,203)
```
#0492d4
```
#0492d4 rgb(4,146,212)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#61727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7580a8 Protanopia 1% of men
#6e80b2 Deuteranopia 1% of men
#218d98 Tritanopia 0.001% of the population

Trichromacy

#5b81a8 Protanomaly 1% of men, 0.01% of women
#5781af Deuteranomaly 6% of men, 0.4% of women
#25899e Tritanomaly 0.01% of the population

#2e83aa hex color

#2e83aa Color Information

#2e83aa Color Conversion

Color Schemes with #2e83aa

Alternatives to #2e83aa

#2e83aa Preview

Shades and Tints of #2e83aa

Tones of #2e83aa

Color Blindness Simulator