#2e89bd hex color

In a RGB color space, hex #2e89bd is composed of 18% red, 53.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 27.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 201.8 degrees, a saturation of 60.9% and a lightness of 46.1%. #2e89bd color hex could be obtained by blending #5cffff with #00137b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 54
- B 74
RGB color chart
- C 76
- M 28
- Y 0
- K 26
CMYK color chart

● #2e89bd color description : Strong blue.

The hexadecimal color #2e89bd has RGB values of R:46, G:137, B:189 and CMYK values of C:0.76, M:0.28, Y:0, K:0.26. Its decimal value is 3049917.

Hex triplet	2e89bd	`#2e89bd`
RGB Decimal	46, 137, 189	`rgb(46,137,189)`
RGB Percent	18, 53.7, 74.1	`rgb(18%,53.7%,74.1%)`
CMYK	76, 28, 0, 26
HSL	201.8°, 60.9, 46.1	`hsl(201.8,60.9%,46.1%)`
HSV (or HSB)	201.8°, 75.7, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.18, -8.843, -34.728
XYZ	19.255, 22.145, 51.401
xyY	0.207, 0.239, 22.145
CIE-LCH	54.18, 35.836, 255.714
CIE-LUV	54.18, -32.055, -52.24
Hunter-Lab	47.058, -9.312, -31.821
Binary	00101110, 10001001, 10111101

#2e89bd
```
#2e89bd rgb(46,137,189)
```
#bd622e
```
#bd622e rgb(189,98,46)
```

Complementary Color

#2ebdaa
```
#2ebdaa rgb(46,189,170)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#2e42bd
```
#2e42bd rgb(46,66,189)
```

Analogous Color

#bdaa2e
```
#bdaa2e rgb(189,170,46)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#bd2e42
```
#bd2e42 rgb(189,46,66)
```

Split Complementary Color

#89bd2e
```
#89bd2e rgb(137,189,46)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#bd2e89
```
#bd2e89 rgb(189,46,137)
```

Triadic Color

#2ebd62
```
#2ebd62 rgb(46,189,98)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#bd2e89
```
#bd2e89 rgb(189,46,137)
```
#bd622e
```
#bd622e rgb(189,98,46)
```

Tetradic Color

#1f5c7f
```
#1f5c7f rgb(31,92,127)
```
#246b94
```
#246b94 rgb(36,107,148)
```
#297aa8
```
#297aa8 rgb(41,122,168)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#3697ce
```
#3697ce rgb(54,151,206)
```
#4ba2d3
```
#4ba2d3 rgb(75,162,211)
```
#5facd8
```
#5facd8 rgb(95,172,216)
```

Monochromatic Color

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

#2eadbd
```
#2eadbd rgb(46,173,189)
```
#2ea1bd
```
#2ea1bd rgb(46,161,189)
```
#2e95bd
```
#2e95bd rgb(46,149,189)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#2e7dbd
```
#2e7dbd rgb(46,125,189)
```
#2e71bd
```
#2e71bd rgb(46,113,189)
```
#2e65bd
```
#2e65bd rgb(46,101,189)
```

Similar Colors

Text with hexadecimal color #2e89bd

This text has a font color of #2e89bd.

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

#2e89bd background color

This paragraph has a background color of #2e89bd.

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

#2e89bd border color

This element has a border color of #2e89bd.

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

CSS codes

.text {color:#2e89bd;}

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

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

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, #040b0f is the darkest color, while #ffffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#08171f
```
#08171f rgb(8,23,31)
```
#0b222f
```
#0b222f rgb(11,34,47)
```
#0f2e3f
```
#0f2e3f rgb(15,46,63)
```
#13394f
```
#13394f rgb(19,57,79)
```
#17445e
```
#17445e rgb(23,68,94)
```
#1b506e
```
#1b506e rgb(27,80,110)
```
#1f5b7e
```
#1f5b7e rgb(31,91,126)
```
#22678e
```
#22678e rgb(34,103,142)
```
#26729d
```
#26729d rgb(38,114,157)
```
#2a7ead
```
#2a7ead rgb(42,126,173)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#3294cd
```
#3294cd rgb(50,148,205)
```

Shade Color Variation

#419dd1
```
#419dd1 rgb(65,157,209)
```
#51a5d5
```
#51a5d5 rgb(81,165,213)
```
#61add9
```
#61add9 rgb(97,173,217)
```
#71b5dc
```
#71b5dc rgb(113,181,220)
```
#80bde0
```
#80bde0 rgb(128,189,224)
```
#90c6e4
```
#90c6e4 rgb(144,198,228)
```
#a0cee8
```
#a0cee8 rgb(160,206,232)
```
#b0d6ec
```
#b0d6ec rgb(176,214,236)
```
#c0def0
```
#c0def0 rgb(192,222,240)
```
#cfe6f3
```
#cfe6f3 rgb(207,230,243)
```
#dfeef7
```
#dfeef7 rgb(223,238,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d787e is the less saturated color, while #0195ea is the most saturated one.

#6d787e
```
#6d787e rgb(109,120,126)
```
#647a87
```
#647a87 rgb(100,122,135)
```
#5b7d90
```
#5b7d90 rgb(91,125,144)
```
#527f99
```
#527f99 rgb(82,127,153)
```
#4982a2
```
#4982a2 rgb(73,130,162)
```
#4084ab
```
#4084ab rgb(64,132,171)
```
#3787b4
```
#3787b4 rgb(55,135,180)
```
#2e89bd
```
#2e89bd rgb(46,137,189)
```
#258bc6
```
#258bc6 rgb(37,139,198)
```
#1c8ecf
```
#1c8ecf rgb(28,142,207)
```
#1390d8
```
#1390d8 rgb(19,144,216)
```
#0a93e1
```
#0a93e1 rgb(10,147,225)
```
#0195ea
```
#0195ea rgb(1,149,234)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#667883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7686ba Protanopia 1% of men
#6b87c3 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#5c87bb Protanomaly 1% of men, 0.01% of women
#5488c1 Deuteranomaly 6% of men, 0.4% of women
#1090aa Tritanomaly 0.01% of the population

#2e89bd hex color

#2e89bd Color Information

#2e89bd Color Conversion

Color Schemes with #2e89bd

Alternatives to #2e89bd

#2e89bd Preview

Shades and Tints of #2e89bd

Tones of #2e89bd

Color Blindness Simulator