#2e6b85 hex color

In a RGB color space, hex #2e6b85 is composed of 18% red, 42% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 19.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 197.9 degrees, a saturation of 48.6% and a lightness of 35.1%. #2e6b85 color hex could be obtained by blending #5cd6ff with #00000b. Closest websafe color is: #336699.

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

● #2e6b85 color description : Dark moderate blue.

The hexadecimal color #2e6b85 has RGB values of R:46, G:107, B:133 and CMYK values of C:0.65, M:0.2, Y:0, K:0.48. Its decimal value is 3042181.

Hex triplet	2e6b85	`#2e6b85`
RGB Decimal	46, 107, 133	`rgb(46,107,133)`
RGB Percent	18, 42, 52.2	`rgb(18%,42%,52.2%)`
CMYK	65, 20, 0, 48
HSL	197.9°, 48.6, 35.1	`hsl(197.9,48.6%,35.1%)`
HSV (or HSB)	197.9°, 65.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	42.443, -11.111, -20.213
XYZ	10.617, 12.789, 24.098
xyY	0.223, 0.269, 12.789
CIE-LCH	42.443, 23.065, 241.203
CIE-LUV	42.443, -23.874, -27.258
Hunter-Lab	35.762, -9.589, -14.92
Binary	00101110, 01101011, 10000101

#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#85482e
```
#85482e rgb(133,72,46)
```

Complementary Color

#2e8574
```
#2e8574 rgb(46,133,116)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#2e4085
```
#2e4085 rgb(46,64,133)
```

Analogous Color

#85742e
```
#85742e rgb(133,116,46)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#852e40
```
#852e40 rgb(133,46,64)
```

Split Complementary Color

#6b852e
```
#6b852e rgb(107,133,46)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#852e6b
```
#852e6b rgb(133,46,107)
```

Triadic Color

#2e8548
```
#2e8548 rgb(46,133,72)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#852e6b
```
#852e6b rgb(133,46,107)
```
#85482e
```
#85482e rgb(133,72,46)
```

Tetradic Color

#1a3d4c
```
#1a3d4c rgb(26,61,76)
```
#214d5f
```
#214d5f rgb(33,77,95)
```
#275c72
```
#275c72 rgb(39,92,114)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#357a98
```
#357a98 rgb(53,122,152)
```
#3b89ab
```
#3b89ab rgb(59,137,171)
```
#4299be
```
#4299be rgb(66,153,190)
```

Monochromatic Color

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

#2e8185
```
#2e8185 rgb(46,129,133)
```
#2e7a85
```
#2e7a85 rgb(46,122,133)
```
#2e7285
```
#2e7285 rgb(46,114,133)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#2e6485
```
#2e6485 rgb(46,100,133)
```
#2e5d85
```
#2e5d85 rgb(46,93,133)
```
#2e5585
```
#2e5585 rgb(46,85,133)
```

Similar Colors

Text with hexadecimal color #2e6b85

This text has a font color of #2e6b85.

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

#2e6b85 background color

This paragraph has a background color of #2e6b85.

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

#2e6b85 border color

This element has a border color of #2e6b85.

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

CSS codes

.text {color:#2e6b85;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060d10
```
#060d10 rgb(6,13,16)
```
#0b191f
```
#0b191f rgb(11,25,31)
```
#10252e
```
#10252e rgb(16,37,46)
```
#15303c
```
#15303c rgb(21,48,60)
```
#1a3c4b
```
#1a3c4b rgb(26,60,75)
```
#1f4859
```
#1f4859 rgb(31,72,89)
```
#245468
```
#245468 rgb(36,84,104)
```
#295f76
```
#295f76 rgb(41,95,118)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#337794
```
#337794 rgb(51,119,148)
```
#3882a2
```
#3882a2 rgb(56,130,162)
```
#3d8eb1
```
#3d8eb1 rgb(61,142,177)
```

Shade Color Variation

#4399be
```
#4399be rgb(67,153,190)
```
#52a1c3
```
#52a1c3 rgb(82,161,195)
```
#61a9c8
```
#61a9c8 rgb(97,169,200)
```
#6fb1cd
```
#6fb1cd rgb(111,177,205)
```
#7eb9d2
```
#7eb9d2 rgb(126,185,210)
```
#8cc1d7
```
#8cc1d7 rgb(140,193,215)
```
#9bc9dc
```
#9bc9dc rgb(155,201,220)
```
#a9d1e1
```
#a9d1e1 rgb(169,209,225)
```
#b8d9e6
```
#b8d9e6 rgb(184,217,230)
```
#c7e0eb
```
#c7e0eb rgb(199,224,235)
```
#d5e8f1
```
#d5e8f1 rgb(213,232,241)
```
#e4f0f6
```
#e4f0f6 rgb(228,240,246)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

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

#575a5c
```
#575a5c rgb(87,90,92)
```
#505d63
```
#505d63 rgb(80,93,99)
```
#4a6069
```
#4a6069 rgb(74,96,105)
```
#436370
```
#436370 rgb(67,99,112)
```
#3c6577
```
#3c6577 rgb(60,101,119)
```
#35687e
```
#35687e rgb(53,104,126)
```
#2e6b85
```
#2e6b85 rgb(46,107,133)
```
#276e8c
```
#276e8c rgb(39,110,140)
```
#207193
```
#207193 rgb(32,113,147)
```
#19739a
```
#19739a rgb(25,115,154)
```
#1276a1
```
#1276a1 rgb(18,118,161)
```
#0c79a7
```
#0c79a7 rgb(12,121,167)
```
#057cae
```
#057cae rgb(5,124,174)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646b86 Protanopia 1% of men
#616a8e Deuteranopia 1% of men
#30757d Tritanopia 0.001% of the population

Trichromacy

#506b85 Protanomaly 1% of men, 0.01% of women
#4e6a8a Deuteranomaly 6% of men, 0.4% of women
#2f7180 Tritanomaly 0.01% of the population

#2e6b85 hex color

#2e6b85 Color Information

#2e6b85 Color Conversion

Color Schemes with #2e6b85

Alternatives to #2e6b85

#2e6b85 Preview

Shades and Tints of #2e6b85

Tones of #2e6b85

Color Blindness Simulator