#2989e2 hex color

In a RGB color space, hex #2989e2 is composed of 16.1% red, 53.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 39.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 208.9 degrees, a saturation of 76.1% and a lightness of 52.4%. #2989e2 color hex could be obtained by blending #52ffff with #0013c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 54
- B 89
RGB color chart
- C 82
- M 39
- Y 0
- K 11
CMYK color chart

● #2989e2 color description : Bright blue.

The hexadecimal color #2989e2 has RGB values of R:41, G:137, B:226 and CMYK values of C:0.82, M:0.39, Y:0, K:0.11. Its decimal value is 2722274.

Hex triplet	2989e2	`#2989e2`
RGB Decimal	41, 137, 226	`rgb(41,137,226)`
RGB Percent	16.1, 53.7, 88.6	`rgb(16.1%,53.7%,88.6%)`
CMYK	82, 39, 0, 11
HSL	208.9°, 76.1, 52.4	`hsl(208.9,76.1%,52.4%)`
HSV (or HSB)	208.9°, 81.9, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.939, 4.113, -52.839
XYZ	23.584, 23.852, 75.308
xyY	0.192, 0.194, 23.852
CIE-LCH	55.939, 52.998, 274.451
CIE-LUV	55.939, -30.904, -83.521
Hunter-Lab	48.838, 0.732, -57.238
Binary	00101001, 10001001, 11100010

#2989e2
```
#2989e2 rgb(41,137,226)
```
#e28229
```
#e28229 rgb(226,130,41)
```

Complementary Color

#29e2df
```
#29e2df rgb(41,226,223)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#292de2
```
#292de2 rgb(41,45,226)
```

Analogous Color

#e2df29
```
#e2df29 rgb(226,223,41)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#e2292d
```
#e2292d rgb(226,41,45)
```

Split Complementary Color

#89e229
```
#89e229 rgb(137,226,41)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#e22989
```
#e22989 rgb(226,41,137)
```

Triadic Color

#29e282
```
#29e282 rgb(41,226,130)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#e22989
```
#e22989 rgb(226,41,137)
```
#e28229
```
#e28229 rgb(226,130,41)
```

Tetradic Color

#1762a8
```
#1762a8 rgb(23,98,168)
```
#1a6fbe
```
#1a6fbe rgb(26,111,190)
```
#1d7cd5
```
#1d7cd5 rgb(29,124,213)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#3f95e5
```
#3f95e5 rgb(63,149,229)
```
#56a2e8
```
#56a2e8 rgb(86,162,232)
```
#6caeeb
```
#6caeeb rgb(108,174,235)
```

Monochromatic Color

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

#29b7e2
```
#29b7e2 rgb(41,183,226)
```
#29a8e2
```
#29a8e2 rgb(41,168,226)
```
#2998e2
```
#2998e2 rgb(41,152,226)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#297ae2
```
#297ae2 rgb(41,122,226)
```
#296ae2
```
#296ae2 rgb(41,106,226)
```
#295be2
```
#295be2 rgb(41,91,226)
```

Similar Colors

Text with hexadecimal color #2989e2

This text has a font color of #2989e2.

<span style="color:#2989e2;">Text here</span>

#2989e2 background color

This paragraph has a background color of #2989e2.

<p style="background-color:#2989e2;">Content here</p>

#2989e2 border color

This element has a border color of #2989e2.

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

CSS codes

.text {color:#2989e2;}

.background {background-color:#2989e2;}

.border {border:1px solid #2989e2;}

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#061a2d
```
#061a2d rgb(6,26,45)
```
#08243e
```
#08243e rgb(8,36,62)
```
#0b2f50
```
#0b2f50 rgb(11,47,80)
```
#0d3961
```
#0d3961 rgb(13,57,97)
```
#0f4372
```
#0f4372 rgb(15,67,114)
```
#124d83
```
#124d83 rgb(18,77,131)
```
#145795
```
#145795 rgb(20,87,149)
```
#1761a6
```
#1761a6 rgb(23,97,166)
```
#196bb7
```
#196bb7 rgb(25,107,183)
```
#1b75c9
```
#1b75c9 rgb(27,117,201)
```
#1e7fda
```
#1e7fda rgb(30,127,218)
```

Shade Color Variation

#2989e2
```
#2989e2 rgb(41,137,226)
```
#3a93e4
```
#3a93e4 rgb(58,147,228)
```
#4c9ce7
```
#4c9ce7 rgb(76,156,231)
```
#5da6e9
```
#5da6e9 rgb(93,166,233)
```
#6eafeb
```
#6eafeb rgb(110,175,235)
```
#7fb9ee
```
#7fb9ee rgb(127,185,238)
```
#91c2f0
```
#91c2f0 rgb(145,194,240)
```
#a2ccf2
```
#a2ccf2 rgb(162,204,242)
```
#b3d5f5
```
#b3d5f5 rgb(179,213,245)
```
#c4dff7
```
#c4dff7 rgb(196,223,247)
```
#d6e8f9
```
#d6e8f9 rgb(214,232,249)
```
#e7f2fc
```
#e7f2fc rgb(231,242,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d868e is the less saturated color, while #0d8afe is the most saturated one.

#7d868e
```
#7d868e rgb(125,134,142)
```
#748697
```
#748697 rgb(116,134,151)
```
#6a87a1
```
#6a87a1 rgb(106,135,161)
```
#6187aa
```
#6187aa rgb(97,135,170)
```
#5887b3
```
#5887b3 rgb(88,135,179)
```
#4e88bd
```
#4e88bd rgb(78,136,189)
```
#4588c6
```
#4588c6 rgb(69,136,198)
```
#3c88cf
```
#3c88cf rgb(60,136,207)
```
#3289d9
```
#3289d9 rgb(50,137,217)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#2089eb
```
#2089eb rgb(32,137,235)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#0d8afe
```
#0d8afe rgb(13,138,254)
```

Tone Color Variation

Below, you can see how #2989e2 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

#767676 Achromatopsia 0.005% of the population
#677a8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6589de Protanopia 1% of men
#428de4 Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4f89e0 Protanomaly 1% of men, 0.01% of women
#398ce3 Deuteranomaly 6% of men, 0.4% of women
#0e93ba Tritanomaly 0.01% of the population

#2989e2 hex color

#2989e2 Color Information

#2989e2 Color Conversion

Color Schemes with #2989e2

Alternatives to #2989e2

#2989e2 Preview

Shades and Tints of #2989e2

Tones of #2989e2

Color Blindness Simulator