#2e89ae hex color

In a RGB color space, hex #2e89ae is composed of 18% red, 53.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 21.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 197.3 degrees, a saturation of 58.2% and a lightness of 43.1%. #2e89ae color hex could be obtained by blending #5cffff with #00135d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 54
- B 68
RGB color chart
- C 74
- M 21
- Y 0
- K 32
CMYK color chart

● #2e89ae color description : Dark blue.

The hexadecimal color #2e89ae has RGB values of R:46, G:137, B:174 and CMYK values of C:0.74, M:0.21, Y:0, K:0.32. Its decimal value is 3049902.

Hex triplet	2e89ae	`#2e89ae`
RGB Decimal	46, 137, 174	`rgb(46,137,174)`
RGB Percent	18, 53.7, 68.2	`rgb(18%,53.7%,68.2%)`
CMYK	74, 21, 0, 32
HSL	197.3°, 58.2, 43.1	`hsl(197.3,58.2%,43.1%)`
HSV (or HSB)	197.3°, 73.6, 68.2
Web Safe	339999	`#339999`

CIE-LAB	53.521, -14.077, -27.17
XYZ	17.71, 21.527, 43.264
xyY	0.215, 0.261, 21.527
CIE-LCH	53.521, 30.6, 242.612
CIE-LUV	53.521, -32.87, -39.294
Hunter-Lab	46.397, -13.058, -22.809
Binary	00101110, 10001001, 10101110

#2e89ae
```
#2e89ae rgb(46,137,174)
```
#ae532e
```
#ae532e rgb(174,83,46)
```

Complementary Color

#2eae93
```
#2eae93 rgb(46,174,147)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#2e49ae
```
#2e49ae rgb(46,73,174)
```

Analogous Color

#ae932e
```
#ae932e rgb(174,147,46)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#ae2e49
```
#ae2e49 rgb(174,46,73)
```

Split Complementary Color

#89ae2e
```
#89ae2e rgb(137,174,46)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#ae2e89
```
#ae2e89 rgb(174,46,137)
```

Triadic Color

#2eae53
```
#2eae53 rgb(46,174,83)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#ae2e89
```
#ae2e89 rgb(174,46,137)
```
#ae532e
```
#ae532e rgb(174,83,46)
```

Tetradic Color

#1e5971
```
#1e5971 rgb(30,89,113)
```
#236986
```
#236986 rgb(35,105,134)
```
#29799a
```
#29799a rgb(41,121,154)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#3399c2
```
#3399c2 rgb(51,153,194)
```
#42a5cd
```
#42a5cd rgb(66,165,205)
```
#56aed2
```
#56aed2 rgb(86,174,210)
```

Monochromatic Color

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

#2ea9ae
```
#2ea9ae rgb(46,169,174)
```
#2e9eae
```
#2e9eae rgb(46,158,174)
```
#2e94ae
```
#2e94ae rgb(46,148,174)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#2e7eae
```
#2e7eae rgb(46,126,174)
```
#2e74ae
```
#2e74ae rgb(46,116,174)
```
#2e69ae
```
#2e69ae rgb(46,105,174)
```

Similar Colors

Text with hexadecimal color #2e89ae

This text has a font color of #2e89ae.

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

#2e89ae background color

This paragraph has a background color of #2e89ae.

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

#2e89ae border color

This element has a border color of #2e89ae.

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

CSS codes

.text {color:#2e89ae;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#050f13
```
#050f13 rgb(5,15,19)
```
#091b22
```
#091b22 rgb(9,27,34)
```
#0d2732
```
#0d2732 rgb(13,39,50)
```
#113341
```
#113341 rgb(17,51,65)
```
#154051
```
#154051 rgb(21,64,81)
```
#194c60
```
#194c60 rgb(25,76,96)
```
#1e5870
```
#1e5870 rgb(30,88,112)
```
#22647f
```
#22647f rgb(34,100,127)
```
#26718f
```
#26718f rgb(38,113,143)
```
#2a7d9e
```
#2a7d9e rgb(42,125,158)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#3295be
```
#3295be rgb(50,149,190)
```

Shade Color Variation

#39a0cb
```
#39a0cb rgb(57,160,203)
```
#48a8cf
```
#48a8cf rgb(72,168,207)
```
#58afd3
```
#58afd3 rgb(88,175,211)
```
#67b7d7
```
#67b7d7 rgb(103,183,215)
```
#77bedb
```
#77bedb rgb(119,190,219)
```
#86c5df
```
#86c5df rgb(134,197,223)
```
#96cde3
```
#96cde3 rgb(150,205,227)
```
#a5d4e7
```
#a5d4e7 rgb(165,212,231)
```
#b5dceb
```
#b5dceb rgb(181,220,235)
```
#c4e3ef
```
#c4e3ef rgb(196,227,239)
```
#d4eaf4
```
#d4eaf4 rgb(212,234,244)
```
#e3f2f8
```
#e3f2f8 rgb(227,242,248)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #697073 is the less saturated color, while #049bd8 is the most saturated one.

#697073
```
#697073 rgb(105,112,115)
```
#61747b
```
#61747b rgb(97,116,123)
```
#587784
```
#587784 rgb(88,119,132)
```
#507b8c
```
#507b8c rgb(80,123,140)
```
#477e95
```
#477e95 rgb(71,126,149)
```
#3f829d
```
#3f829d rgb(63,130,157)
```
#3685a6
```
#3685a6 rgb(54,133,166)
```
#2e89ae
```
#2e89ae rgb(46,137,174)
```
#268db6
```
#268db6 rgb(38,141,182)
```
#1d90bf
```
#1d90bf rgb(29,144,191)
```
#1594c7
```
#1594c7 rgb(21,148,199)
```
#0c97d0
```
#0c97d0 rgb(12,151,208)
```
#049bd8
```
#049bd8 rgb(4,155,216)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64777e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b85ab Protanopia 1% of men
#7485b6 Deuteranopia 1% of men
#22929d Tritanopia 0.001% of the population

Trichromacy

#5f86ac Protanomaly 1% of men, 0.01% of women
#5b86b3 Deuteranomaly 6% of men, 0.4% of women
#268fa3 Tritanomaly 0.01% of the population

#2e89ae hex color

#2e89ae Color Information

#2e89ae Color Conversion

Color Schemes with #2e89ae

Alternatives to #2e89ae

#2e89ae Preview

Shades and Tints of #2e89ae

Tones of #2e89ae

Color Blindness Simulator