#2e83ad hex color

In a RGB color space, hex #2e83ad is composed of 18% red, 51.4% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 24.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 199.8 degrees, a saturation of 58% and a lightness of 42.9%. #2e83ad color hex could be obtained by blending #5cffff with #00075b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 51
- B 68
RGB color chart
- C 73
- M 24
- Y 0
- K 32
CMYK color chart

● #2e83ad color description : Dark blue.

The hexadecimal color #2e83ad has RGB values of R:46, G:131, B:173 and CMYK values of C:0.73, M:0.24, Y:0, K:0.32. Its decimal value is 3048365.

Hex triplet	2e83ad	`#2e83ad`
RGB Decimal	46, 131, 173	`rgb(46,131,173)`
RGB Percent	18, 51.4, 67.8	`rgb(18%,51.4%,67.8%)`
CMYK	73, 24, 0, 32
HSL	199.8°, 58, 42.9	`hsl(199.8,58%,42.9%)`
HSV (or HSB)	199.8°, 73.4, 67.8
Web Safe	339999	`#339999`

CIE-LAB	51.644, -11.053, -29.509
XYZ	16.784, 19.829, 42.476
xyY	0.212, 0.251, 19.829
CIE-LCH	51.644, 31.511, 249.467
CIE-LUV	51.644, -30.768, -43.138
Hunter-Lab	44.53, -10.648, -25.384
Binary	00101110, 10000011, 10101101

#2e83ad
```
#2e83ad rgb(46,131,173)
```
#ad582e
```
#ad582e rgb(173,88,46)
```

Complementary Color

#2ead98
```
#2ead98 rgb(46,173,152)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#2e44ad
```
#2e44ad rgb(46,68,173)
```

Analogous Color

#ad982e
```
#ad982e rgb(173,152,46)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#ad2e44
```
#ad2e44 rgb(173,46,68)
```

Split Complementary Color

#83ad2e
```
#83ad2e rgb(131,173,46)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#ad2e83
```
#ad2e83 rgb(173,46,131)
```

Triadic Color

#2ead58
```
#2ead58 rgb(46,173,88)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#ad2e83
```
#ad2e83 rgb(173,46,131)
```
#ad582e
```
#ad582e rgb(173,88,46)
```

Tetradic Color

#1e5571
```
#1e5571 rgb(30,85,113)
```
#236485
```
#236485 rgb(35,100,133)
```
#297499
```
#297499 rgb(41,116,153)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#3392c1
```
#3392c1 rgb(51,146,193)
```
#419fcd
```
#419fcd rgb(65,159,205)
```
#56a9d2
```
#56a9d2 rgb(86,169,210)
```

Monochromatic Color

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

#2ea3ad
```
#2ea3ad rgb(46,163,173)
```
#2e98ad
```
#2e98ad rgb(46,152,173)
```
#2e8ead
```
#2e8ead rgb(46,142,173)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#2e78ad
```
#2e78ad rgb(46,120,173)
```
#2e6ead
```
#2e6ead rgb(46,110,173)
```
#2e63ad
```
#2e63ad rgb(46,99,173)
```

Similar Colors

Text with hexadecimal color #2e83ad

This text has a font color of #2e83ad.

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

#2e83ad background color

This paragraph has a background color of #2e83ad.

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

#2e83ad border color

This element has a border color of #2e83ad.

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

CSS codes

.text {color:#2e83ad;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#091922
```
#091922 rgb(9,25,34)
```
#0d2531
```
#0d2531 rgb(13,37,49)
```
#113141
```
#113141 rgb(17,49,65)
```
#153d50
```
#153d50 rgb(21,61,80)
```
#194860
```
#194860 rgb(25,72,96)
```
#1e546f
```
#1e546f rgb(30,84,111)
```
#22607f
```
#22607f rgb(34,96,127)
```
#266c8e
```
#266c8e rgb(38,108,142)
```
#2a779e
```
#2a779e rgb(42,119,158)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#328fbc
```
#328fbc rgb(50,143,188)
```

Shade Color Variation

#389aca
```
#389aca rgb(56,154,202)
```
#48a2ce
```
#48a2ce rgb(72,162,206)
```
#57aad2
```
#57aad2 rgb(87,170,210)
```
#67b1d6
```
#67b1d6 rgb(103,177,214)
```
#76b9db
```
#76b9db rgb(118,185,219)
```
#86c1df
```
#86c1df rgb(134,193,223)
```
#95c9e3
```
#95c9e3 rgb(149,201,227)
```
#a5d1e7
```
#a5d1e7 rgb(165,209,231)
```
#b4d9eb
```
#b4d9eb rgb(180,217,235)
```
#c4e1ef
```
#c4e1ef rgb(196,225,239)
```
#d3e9f3
```
#d3e9f3 rgb(211,233,243)
```
#e3f1f7
```
#e3f1f7 rgb(227,241,247)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696f72 is the less saturated color, while #0491d7 is the most saturated one.

#696f72
```
#696f72 rgb(105,111,114)
```
#61727a
```
#61727a rgb(97,114,122)
```
#587583
```
#587583 rgb(88,117,131)
```
#50788b
```
#50788b rgb(80,120,139)
```
#477a94
```
#477a94 rgb(71,122,148)
```
#3f7d9c
```
#3f7d9c rgb(63,125,156)
```
#3680a5
```
#3680a5 rgb(54,128,165)
```
#2e83ad
```
#2e83ad rgb(46,131,173)
```
#2686b5
```
#2686b5 rgb(38,134,181)
```
#1d89be
```
#1d89be rgb(29,137,190)
```
#158cc6
```
#158cc6 rgb(21,140,198)
```
#0c8ecf
```
#0c8ecf rgb(12,142,207)
```
#0491d7
```
#0491d7 rgb(4,145,215)
```

Tone Color Variation

Below, you can see how #2e83ad 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
#61727b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7480ab Protanopia 1% of men
#6c80b4 Deuteranopia 1% of men
#1c8e98 Tritanopia 0.001% of the population

Trichromacy

#5b81ab Protanomaly 1% of men, 0.01% of women
#5581b1 Deuteranomaly 6% of men, 0.4% of women
#228aa0 Tritanomaly 0.01% of the population

#2e83ad hex color

#2e83ad Color Information

#2e83ad Color Conversion

Color Schemes with #2e83ad

Alternatives to #2e83ad

#2e83ad Preview

Shades and Tints of #2e83ad

Tones of #2e83ad

Color Blindness Simulator