#2a89eb hex color

In a RGB color space, hex #2a89eb is composed of 16.5% red, 53.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 41.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 210.5 degrees, a saturation of 82.8% and a lightness of 54.3%. #2a89eb color hex could be obtained by blending #54ffff with #0013d7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 54
- B 92
RGB color chart
- C 82
- M 42
- Y 0
- K 8
CMYK color chart

● #2a89eb color description : Bright blue.

The hexadecimal color #2a89eb has RGB values of R:42, G:137, B:235 and CMYK values of C:0.82, M:0.42, Y:0, K:0.08. Its decimal value is 2787819.

Hex triplet	2a89eb	`#2a89eb`
RGB Decimal	42, 137, 235	`rgb(42,137,235)`
RGB Percent	16.5, 53.7, 92.2	`rgb(16.5%,53.7%,92.2%)`
CMYK	82, 42, 0, 8
HSL	210.5°, 82.8, 54.3	`hsl(210.5,82.8%,54.3%)`
HSV (or HSB)	210.5°, 82.1, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.466, 7.546, -57.011
XYZ	24.892, 24.38, 81.986
xyY	0.19, 0.186, 24.38
CIE-LCH	56.466, 57.508, 277.54
CIE-LUV	56.466, -30.403, -90.757
Hunter-Lab	49.376, 3.582, -63.886
Binary	00101010, 10001001, 11101011

#2a89eb
```
#2a89eb rgb(42,137,235)
```
#eb8c2a
```
#eb8c2a rgb(235,140,42)
```

Complementary Color

#2aeaeb
```
#2aeaeb rgb(42,234,235)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#2c2aeb
```
#2c2aeb rgb(44,42,235)
```

Analogous Color

#eaeb2a
```
#eaeb2a rgb(234,235,42)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#eb2c2a
```
#eb2c2a rgb(235,44,42)
```

Split Complementary Color

#89eb2a
```
#89eb2a rgb(137,235,42)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#eb2a89
```
#eb2a89 rgb(235,42,137)
```

Triadic Color

#2aeb8c
```
#2aeb8c rgb(42,235,140)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#eb2a89
```
#eb2a89 rgb(235,42,137)
```
#eb8c2a
```
#eb8c2a rgb(235,140,42)
```

Tetradic Color

#1163b7
```
#1163b7 rgb(17,99,183)
```
#1370cf
```
#1370cf rgb(19,112,207)
```
#167ce6
```
#167ce6 rgb(22,124,230)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#4196ed
```
#4196ed rgb(65,150,237)
```
#59a3ef
```
#59a3ef rgb(89,163,239)
```
#70b0f2
```
#70b0f2 rgb(112,176,242)
```

Monochromatic Color

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

#2ab9eb
```
#2ab9eb rgb(42,185,235)
```
#2aa9eb
```
#2aa9eb rgb(42,169,235)
```
#2a99eb
```
#2a99eb rgb(42,153,235)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#2a79eb
```
#2a79eb rgb(42,121,235)
```
#2a69eb
```
#2a69eb rgb(42,105,235)
```
#2a59eb
```
#2a59eb rgb(42,89,235)
```

Similar Colors

Text with hexadecimal color #2a89eb

This text has a font color of #2a89eb.

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

#2a89eb background color

This paragraph has a background color of #2a89eb.

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

#2a89eb border color

This element has a border color of #2a89eb.

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

CSS codes

.text {color:#2a89eb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020b14
```
#020b14 rgb(2,11,20)
```
#041526
```
#041526 rgb(4,21,38)
```
#051e38
```
#051e38 rgb(5,30,56)
```
#07284a
```
#07284a rgb(7,40,74)
```
#09325c
```
#09325c rgb(9,50,92)
```
#0a3b6e
```
#0a3b6e rgb(10,59,110)
```
#0c4580
```
#0c4580 rgb(12,69,128)
```
#0e4f92
```
#0e4f92 rgb(14,79,146)
```
#0f58a4
```
#0f58a4 rgb(15,88,164)
```
#1162b5
```
#1162b5 rgb(17,98,181)
```
#136cc7
```
#136cc7 rgb(19,108,199)
```
#1475d9
```
#1475d9 rgb(20,117,217)
```

Shade Color Variation

#187fe9
```
#187fe9 rgb(24,127,233)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#3c93ed
```
#3c93ed rgb(60,147,237)
```
#4e9dee
```
#4e9dee rgb(78,157,238)
```
#60a7f0
```
#60a7f0 rgb(96,167,240)
```
#72b1f2
```
#72b1f2 rgb(114,177,242)
```
#84bbf3
```
#84bbf3 rgb(132,187,243)
```
#96c5f5
```
#96c5f5 rgb(150,197,245)
```
#a8cff7
```
#a8cff7 rgb(168,207,247)
```
#b9d8f8
```
#b9d8f8 rgb(185,216,248)
```
#cbe2fa
```
#cbe2fa rgb(203,226,250)
```
#ddecfc
```
#ddecfc rgb(221,236,252)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848a91 is the less saturated color, while #1889fd is the most saturated one.

#848a91
```
#848a91 rgb(132,138,145)
```
#7b8a9a
```
#7b8a9a rgb(123,138,154)
```
#728aa3
```
#728aa3 rgb(114,138,163)
```
#698aac
```
#698aac rgb(105,138,172)
```
#608ab5
```
#608ab5 rgb(96,138,181)
```
#578abe
```
#578abe rgb(87,138,190)
```
#4e8ac7
```
#4e8ac7 rgb(78,138,199)
```
#4589d0
```
#4589d0 rgb(69,137,208)
```
#3c89d9
```
#3c89d9 rgb(60,137,217)
```
#3389e2
```
#3389e2 rgb(51,137,226)
```
#2a89eb
```
#2a89eb rgb(42,137,235)
```
#2189f4
```
#2189f4 rgb(33,137,244)
```
#1889fd
```
#1889fd rgb(24,137,253)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#608ae8 Protanopia 1% of men
#308feb Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#4c8ae9 Protanomaly 1% of men, 0.01% of women
#2d8deb Deuteranomaly 6% of men, 0.4% of women
#0f94be Tritanomaly 0.01% of the population

#2a89eb hex color

#2a89eb Color Information

#2a89eb Color Conversion

Color Schemes with #2a89eb

Alternatives to #2a89eb

#2a89eb Preview

Shades and Tints of #2a89eb

Tones of #2a89eb

Color Blindness Simulator