#2e7aac hex color

In a RGB color space, hex #2e7aac is composed of 18% red, 47.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 29.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 203.8 degrees, a saturation of 57.8% and a lightness of 42.7%. #2e7aac color hex could be obtained by blending #5cf4ff with #000059. Closest websafe color is: #336699.

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

● #2e7aac color description : Dark blue.

The hexadecimal color #2e7aac has RGB values of R:46, G:122, B:172 and CMYK values of C:0.73, M:0.29, Y:0, K:0.33. Its decimal value is 3046060.

Hex triplet	2e7aac	`#2e7aac`
RGB Decimal	46, 122, 172	`rgb(46,122,172)`
RGB Percent	18, 47.8, 67.5	`rgb(18%,47.8%,67.5%)`
CMYK	73, 29, 0, 33
HSL	203.8°, 57.8, 42.7	`hsl(203.8,57.8%,42.7%)`
HSV (or HSB)	203.8°, 73.3, 67.5
Web Safe	336699	`#336699`

CIE-LAB	48.856, -6.199, -33.284
XYZ	15.531, 17.477, 41.582
xyY	0.208, 0.234, 17.477
CIE-LCH	48.856, 33.856, 259.45
CIE-LUV	48.856, -27.61, -49.209
Hunter-Lab	41.806, -6.847, -29.709
Binary	00101110, 01111010, 10101100

#2e7aac
```
#2e7aac rgb(46,122,172)
```
#ac602e
```
#ac602e rgb(172,96,46)
```

Complementary Color

#2eac9f
```
#2eac9f rgb(46,172,159)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#2e3bac
```
#2e3bac rgb(46,59,172)
```

Analogous Color

#ac9f2e
```
#ac9f2e rgb(172,159,46)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#ac2e3b
```
#ac2e3b rgb(172,46,59)
```

Split Complementary Color

#7aac2e
```
#7aac2e rgb(122,172,46)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#ac2e7a
```
#ac2e7a rgb(172,46,122)
```

Triadic Color

#2eac60
```
#2eac60 rgb(46,172,96)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#ac2e7a
```
#ac2e7a rgb(172,46,122)
```
#ac602e
```
#ac602e rgb(172,96,46)
```

Tetradic Color

#1e4f70
```
#1e4f70 rgb(30,79,112)
```
#235d84
```
#235d84 rgb(35,93,132)
```
#296c98
```
#296c98 rgb(41,108,152)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#3388c0
```
#3388c0 rgb(51,136,192)
```
#4195cc
```
#4195cc rgb(65,149,204)
```
#55a0d2
```
#55a0d2 rgb(85,160,210)
```

Monochromatic Color

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

#2e9aac
```
#2e9aac rgb(46,154,172)
```
#2e8fac
```
#2e8fac rgb(46,143,172)
```
#2e85ac
```
#2e85ac rgb(46,133,172)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#2e70ac
```
#2e70ac rgb(46,112,172)
```
#2e65ac
```
#2e65ac rgb(46,101,172)
```
#2e5bac
```
#2e5bac rgb(46,91,172)
```

Similar Colors

Text with hexadecimal color #2e7aac

This text has a font color of #2e7aac.

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

#2e7aac background color

This paragraph has a background color of #2e7aac.

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

#2e7aac border color

This element has a border color of #2e7aac.

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

CSS codes

.text {color:#2e7aac;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050c11
```
#050c11 rgb(5,12,17)
```
#091721
```
#091721 rgb(9,23,33)
```
#0d2230
```
#0d2230 rgb(13,34,48)
```
#112d40
```
#112d40 rgb(17,45,64)
```
#15384f
```
#15384f rgb(21,56,79)
```
#19435f
```
#19435f rgb(25,67,95)
```
#1d4e6e
```
#1d4e6e rgb(29,78,110)
```
#22597e
```
#22597e rgb(34,89,126)
```
#26648d
```
#26648d rgb(38,100,141)
```
#2a6f9d
```
#2a6f9d rgb(42,111,157)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#3285bb
```
#3285bb rgb(50,133,187)
```

Shade Color Variation

#3890ca
```
#3890ca rgb(56,144,202)
```
#4798ce
```
#4798ce rgb(71,152,206)
```
#57a1d2
```
#57a1d2 rgb(87,161,210)
```
#66aad6
```
#66aad6 rgb(102,170,214)
```
#75b2da
```
#75b2da rgb(117,178,218)
```
#85bbde
```
#85bbde rgb(133,187,222)
```
#94c4e2
```
#94c4e2 rgb(148,196,226)
```
#a4cce7
```
#a4cce7 rgb(164,204,231)
```
#b3d5eb
```
#b3d5eb rgb(179,213,235)
```
#c3ddef
```
#c3ddef rgb(195,221,239)
```
#d2e6f3
```
#d2e6f3 rgb(210,230,243)
```
#e2eff7
```
#e2eff7 rgb(226,239,247)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

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

#696e71
```
#696e71 rgb(105,110,113)
```
#60707a
```
#60707a rgb(96,112,122)
```
#587182
```
#587182 rgb(88,113,130)
```
#50738a
```
#50738a rgb(80,115,138)
```
#477593
```
#477593 rgb(71,117,147)
```
#3f779b
```
#3f779b rgb(63,119,155)
```
#3678a4
```
#3678a4 rgb(54,120,164)
```
#2e7aac
```
#2e7aac rgb(46,122,172)
```
#267cb4
```
#267cb4 rgb(38,124,180)
```
#1d7dbd
```
#1d7dbd rgb(29,125,189)
```
#157fc5
```
#157fc5 rgb(21,127,197)
```
#0c81ce
```
#0c81ce rgb(12,129,206)
```
#0483d6
```
#0483d6 rgb(4,131,214)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a79ab Protanopia 1% of men
#5f7ab2 Deuteranopia 1% of men
#088791 Tritanopia 0.001% of the population

Trichromacy

#5479ab Protanomaly 1% of men, 0.01% of women
#4d7ab0 Deuteranomaly 6% of men, 0.4% of women
#15829a Tritanomaly 0.01% of the population

#2e7aac hex color

#2e7aac Color Information

#2e7aac Color Conversion

Color Schemes with #2e7aac

Alternatives to #2e7aac

#2e7aac Preview

Shades and Tints of #2e7aac

Tones of #2e7aac

Color Blindness Simulator