#2e7bac hex color

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

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

● #2e7bac color description : Dark blue.

The hexadecimal color #2e7bac has RGB values of R:46, G:123, B:172 and CMYK values of C:0.73, M:0.28, Y:0, K:0.33. Its decimal value is 3046316.

Hex triplet	2e7bac	`#2e7bac`
RGB Decimal	46, 123, 172	`rgb(46,123,172)`
RGB Percent	18, 48.2, 67.5	`rgb(18%,48.2%,67.5%)`
CMYK	73, 28, 0, 33
HSL	203.3°, 57.8, 42.7	`hsl(203.3,57.8%,42.7%)`
HSV (or HSB)	203.3°, 73.3, 67.5
Web Safe	336699	`#336699`

CIE-LAB	49.16, -6.787, -32.808
XYZ	15.654, 17.724, 41.624
xyY	0.209, 0.236, 17.724
CIE-LCH	49.16, 33.502, 258.312
CIE-LUV	49.16, -27.964, -48.449
Hunter-Lab	42.1, -7.302, -29.149
Binary	00101110, 01111011, 10101100

#2e7bac
```
#2e7bac rgb(46,123,172)
```
#ac5f2e
```
#ac5f2e rgb(172,95,46)
```

Complementary Color

#2eac9e
```
#2eac9e rgb(46,172,158)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#2e3cac
```
#2e3cac rgb(46,60,172)
```

Analogous Color

#ac9e2e
```
#ac9e2e rgb(172,158,46)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#ac2e3c
```
#ac2e3c rgb(172,46,60)
```

Split Complementary Color

#7bac2e
```
#7bac2e rgb(123,172,46)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#ac2e7b
```
#ac2e7b rgb(172,46,123)
```

Triadic Color

#2eac5f
```
#2eac5f rgb(46,172,95)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#ac2e7b
```
#ac2e7b rgb(172,46,123)
```
#ac5f2e
```
#ac5f2e rgb(172,95,46)
```

Tetradic Color

#1e5070
```
#1e5070 rgb(30,80,112)
```
#235e84
```
#235e84 rgb(35,94,132)
```
#296d98
```
#296d98 rgb(41,109,152)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#3389c0
```
#3389c0 rgb(51,137,192)
```
#4196cc
```
#4196cc rgb(65,150,204)
```
#55a1d2
```
#55a1d2 rgb(85,161,210)
```

Monochromatic Color

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

#2e9bac
```
#2e9bac rgb(46,155,172)
```
#2e90ac
```
#2e90ac rgb(46,144,172)
```
#2e86ac
```
#2e86ac rgb(46,134,172)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#2e71ac
```
#2e71ac rgb(46,113,172)
```
#2e66ac
```
#2e66ac rgb(46,102,172)
```
#2e5cac
```
#2e5cac rgb(46,92,172)
```

Similar Colors

Text with hexadecimal color #2e7bac

This text has a font color of #2e7bac.

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

#2e7bac background color

This paragraph has a background color of #2e7bac.

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

#2e7bac border color

This element has a border color of #2e7bac.

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

CSS codes

.text {color:#2e7bac;}

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

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

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)
```
#112e40
```
#112e40 rgb(17,46,64)
```
#15394f
```
#15394f rgb(21,57,79)
```
#19445f
```
#19445f rgb(25,68,95)
```
#1d4f6e
```
#1d4f6e rgb(29,79,110)
```
#225a7e
```
#225a7e rgb(34,90,126)
```
#26658d
```
#26658d rgb(38,101,141)
```
#2a709d
```
#2a709d rgb(42,112,157)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#3286bb
```
#3286bb rgb(50,134,187)
```

Shade Color Variation

#3891ca
```
#3891ca rgb(56,145,202)
```
#4799ce
```
#4799ce rgb(71,153,206)
```
#57a2d2
```
#57a2d2 rgb(87,162,210)
```
#66aad6
```
#66aad6 rgb(102,170,214)
```
#75b3da
```
#75b3da rgb(117,179,218)
```
#85bcde
```
#85bcde rgb(133,188,222)
```
#94c4e2
```
#94c4e2 rgb(148,196,226)
```
#a4cde7
```
#a4cde7 rgb(164,205,231)
```
#b3d5eb
```
#b3d5eb rgb(179,213,235)
```
#c3deef
```
#c3deef rgb(195,222,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 #0484d6 is the most saturated one.

#696e71
```
#696e71 rgb(105,110,113)
```
#60707a
```
#60707a rgb(96,112,122)
```
#587282
```
#587282 rgb(88,114,130)
```
#50748a
```
#50748a rgb(80,116,138)
```
#477593
```
#477593 rgb(71,117,147)
```
#3f779b
```
#3f779b rgb(63,119,155)
```
#3679a4
```
#3679a4 rgb(54,121,164)
```
#2e7bac
```
#2e7bac rgb(46,123,172)
```
#267db4
```
#267db4 rgb(38,125,180)
```
#1d7fbd
```
#1d7fbd rgb(29,127,189)
```
#1581c5
```
#1581c5 rgb(21,129,197)
```
#0c82ce
```
#0c82ce rgb(12,130,206)
```
#0484d6
```
#0484d6 rgb(4,132,214)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7aaa Protanopia 1% of men
#607bb2 Deuteranopia 1% of men
#0d8791 Tritanopia 0.001% of the population

Trichromacy

#557aab Protanomaly 1% of men, 0.01% of women
#4e7bb0 Deuteranomaly 6% of men, 0.4% of women
#19839b Tritanomaly 0.01% of the population

#2e7bac hex color

#2e7bac Color Information

#2e7bac Color Conversion

Color Schemes with #2e7bac

Alternatives to #2e7bac

#2e7bac Preview

Shades and Tints of #2e7bac

Tones of #2e7bac

Color Blindness Simulator