#2e7384 hex color

In a RGB color space, hex #2e7384 is composed of 18% red, 45.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 12.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 191.9 degrees, a saturation of 48.3% and a lightness of 34.9%. #2e7384 color hex could be obtained by blending #5ce6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 52
RGB color chart
- C 65
- M 13
- Y 0
- K 48
CMYK color chart

● #2e7384 color description : Dark moderate cyan.

The hexadecimal color #2e7384 has RGB values of R:46, G:115, B:132 and CMYK values of C:0.65, M:0.13, Y:0, K:0.48. Its decimal value is 3044228.

Hex triplet	2e7384	`#2e7384`
RGB Decimal	46, 115, 132	`rgb(46,115,132)`
RGB Percent	18, 45.1, 51.8	`rgb(18%,45.1%,51.8%)`
CMYK	65, 13, 0, 48
HSL	191.9°, 48.3, 34.9	`hsl(191.9,48.3%,34.9%)`
HSV (or HSB)	191.9°, 65.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	44.952, -15.991, -15.768
XYZ	11.421, 14.507, 24.027
xyY	0.229, 0.29, 14.507
CIE-LCH	44.952, 22.458, 224.599
CIE-LUV	44.952, -26.951, -20.291
Hunter-Lab	38.089, -13.13, -10.739
Binary	00101110, 01110011, 10000100

#2e7384
```
#2e7384 rgb(46,115,132)
```
#843f2e
```
#843f2e rgb(132,63,46)
```

Complementary Color

#2e846a
```
#2e846a rgb(46,132,106)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#2e4884
```
#2e4884 rgb(46,72,132)
```

Analogous Color

#846a2e
```
#846a2e rgb(132,106,46)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#842e48
```
#842e48 rgb(132,46,72)
```

Split Complementary Color

#73842e
```
#73842e rgb(115,132,46)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#842e73
```
#842e73 rgb(132,46,115)
```

Triadic Color

#2e843f
```
#2e843f rgb(46,132,63)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#842e73
```
#842e73 rgb(132,46,115)
```
#843f2e
```
#843f2e rgb(132,63,46)
```

Tetradic Color

#1a424b
```
#1a424b rgb(26,66,75)
```
#21525e
```
#21525e rgb(33,82,94)
```
#276371
```
#276371 rgb(39,99,113)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#358397
```
#358397 rgb(53,131,151)
```
#3b94aa
```
#3b94aa rgb(59,148,170)
```
#42a4bd
```
#42a4bd rgb(66,164,189)
```

Monochromatic Color

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

#2e8480
```
#2e8480 rgb(46,132,128)
```
#2e8184
```
#2e8184 rgb(46,129,132)
```
#2e7a84
```
#2e7a84 rgb(46,122,132)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#2e6c84
```
#2e6c84 rgb(46,108,132)
```
#2e6584
```
#2e6584 rgb(46,101,132)
```
#2e5e84
```
#2e5e84 rgb(46,94,132)
```

Similar Colors

Text with hexadecimal color #2e7384

This text has a font color of #2e7384.

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

#2e7384 background color

This paragraph has a background color of #2e7384.

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

#2e7384 border color

This element has a border color of #2e7384.

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

CSS codes

.text {color:#2e7384;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050e10
```
#050e10 rgb(5,14,16)
```
#0b1a1e
```
#0b1a1e rgb(11,26,30)
```
#10272d
```
#10272d rgb(16,39,45)
```
#15343b
```
#15343b rgb(21,52,59)
```
#1a404a
```
#1a404a rgb(26,64,74)
```
#1f4d58
```
#1f4d58 rgb(31,77,88)
```
#245a67
```
#245a67 rgb(36,90,103)
```
#296675
```
#296675 rgb(41,102,117)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#338093
```
#338093 rgb(51,128,147)
```
#388ca1
```
#388ca1 rgb(56,140,161)
```
#3d99b0
```
#3d99b0 rgb(61,153,176)
```

Shade Color Variation

#43a5bd
```
#43a5bd rgb(67,165,189)
```
#52acc3
```
#52acc3 rgb(82,172,195)
```
#60b3c8
```
#60b3c8 rgb(96,179,200)
```
#6fbacd
```
#6fbacd rgb(111,186,205)
```
#7dc1d2
```
#7dc1d2 rgb(125,193,210)
```
#8cc8d7
```
#8cc8d7 rgb(140,200,215)
```
#9acfdc
```
#9acfdc rgb(154,207,220)
```
#a9d6e1
```
#a9d6e1 rgb(169,214,225)
```
#b7dde6
```
#b7dde6 rgb(183,221,230)
```
#c6e4eb
```
#c6e4eb rgb(198,228,235)
```
#d4ebf0
```
#d4ebf0 rgb(212,235,240)
```
#e3f2f5
```
#e3f2f5 rgb(227,242,245)
```
#f2f9fa
```
#f2f9fa rgb(242,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a5b is the less saturated color, while #058cad is the most saturated one.

#575a5b
```
#575a5b rgb(87,90,91)
```
#505e62
```
#505e62 rgb(80,94,98)
```
#496269
```
#496269 rgb(73,98,105)
```
#43676f
```
#43676f rgb(67,103,111)
```
#3c6b76
```
#3c6b76 rgb(60,107,118)
```
#356f7d
```
#356f7d rgb(53,111,125)
```
#2e7384
```
#2e7384 rgb(46,115,132)
```
#27778b
```
#27778b rgb(39,119,139)
```
#207b92
```
#207b92 rgb(32,123,146)
```
#197f99
```
#197f99 rgb(25,127,153)
```
#13849f
```
#13849f rgb(19,132,159)
```
#0c88a6
```
#0c88a6 rgb(12,136,166)
```
#058cad
```
#058cad rgb(5,140,173)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7184 Protanopia 1% of men
#6d708e Deuteranopia 1% of men
#357b84 Tritanopia 0.001% of the population

Trichromacy

#567184 Protanomaly 1% of men, 0.01% of women
#56718a Deuteranomaly 6% of men, 0.4% of women
#327884 Tritanomaly 0.01% of the population

#2e7384 hex color

#2e7384 Color Information

#2e7384 Color Conversion

Color Schemes with #2e7384

Alternatives to #2e7384

#2e7384 Preview

Shades and Tints of #2e7384

Tones of #2e7384

Color Blindness Simulator