#2a89ec hex color

In a RGB color space, hex #2a89ec is composed of 16.5% red, 53.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 41.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 210.6 degrees, a saturation of 83.6% and a lightness of 54.5%. #2a89ec color hex could be obtained by blending #54ffff with #0013d9. Closest websafe color is: #3399ff.

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

● #2a89ec color description : Bright blue.

The hexadecimal color #2a89ec has RGB values of R:42, G:137, B:236 and CMYK values of C:0.82, M:0.42, Y:0, K:0.07. Its decimal value is 2787820.

Hex triplet	2a89ec	`#2a89ec`
RGB Decimal	42, 137, 236	`rgb(42,137,236)`
RGB Percent	16.5, 53.7, 92.5	`rgb(16.5%,53.7%,92.5%)`
CMYK	82, 42, 0, 7
HSL	210.6°, 83.6, 54.5	`hsl(210.6,83.6%,54.5%)`
HSV (or HSB)	210.6°, 82.2, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.523, 7.918, -57.475
XYZ	25.037, 24.438, 82.75
xyY	0.189, 0.185, 24.438
CIE-LCH	56.523, 58.018, 277.844
CIE-LUV	56.523, -30.362, -91.558
Hunter-Lab	49.434, 3.896, -64.643
Binary	00101010, 10001001, 11101100

#2a89ec
```
#2a89ec rgb(42,137,236)
```
#ec8d2a
```
#ec8d2a rgb(236,141,42)
```

Complementary Color

#2aeaec
```
#2aeaec rgb(42,234,236)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#2c2aec
```
#2c2aec rgb(44,42,236)
```

Analogous Color

#eaec2a
```
#eaec2a rgb(234,236,42)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#ec2c2a
```
#ec2c2a rgb(236,44,42)
```

Split Complementary Color

#89ec2a
```
#89ec2a rgb(137,236,42)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#ec2a89
```
#ec2a89 rgb(236,42,137)
```

Triadic Color

#2aec8d
```
#2aec8d rgb(42,236,141)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#ec2a89
```
#ec2a89 rgb(236,42,137)
```
#ec8d2a
```
#ec8d2a rgb(236,141,42)
```

Tetradic Color

#1163b9
```
#1163b9 rgb(17,99,185)
```
#1370d0
```
#1370d0 rgb(19,112,208)
```
#157ce8
```
#157ce8 rgb(21,124,232)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#4196ee
```
#4196ee rgb(65,150,238)
```
#59a3f0
```
#59a3f0 rgb(89,163,240)
```
#70b0f2
```
#70b0f2 rgb(112,176,242)
```

Monochromatic Color

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

#2abaec
```
#2abaec rgb(42,186,236)
```
#2aa9ec
```
#2aa9ec rgb(42,169,236)
```
#2a99ec
```
#2a99ec rgb(42,153,236)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#2a79ec
```
#2a79ec rgb(42,121,236)
```
#2a69ec
```
#2a69ec rgb(42,105,236)
```
#2a59ec
```
#2a59ec rgb(42,89,236)
```

Similar Colors

Text with hexadecimal color #2a89ec

This text has a font color of #2a89ec.

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

#2a89ec background color

This paragraph has a background color of #2a89ec.

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

#2a89ec border color

This element has a border color of #2a89ec.

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

CSS codes

.text {color:#2a89ec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020b15
```
#020b15 rgb(2,11,21)
```
#031527
```
#031527 rgb(3,21,39)
```
#051f39
```
#051f39 rgb(5,31,57)
```
#07284b
```
#07284b rgb(7,40,75)
```
#08325d
```
#08325d rgb(8,50,93)
```
#0a3b6f
```
#0a3b6f rgb(10,59,111)
```
#0c4581
```
#0c4581 rgb(12,69,129)
```
#0d4f93
```
#0d4f93 rgb(13,79,147)
```
#0f58a5
```
#0f58a5 rgb(15,88,165)
```
#1062b7
```
#1062b7 rgb(16,98,183)
```
#126cc9
```
#126cc9 rgb(18,108,201)
```
#1475db
```
#1475db rgb(20,117,219)
```

Shade Color Variation

#187fea
```
#187fea rgb(24,127,234)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#3c93ee
```
#3c93ee rgb(60,147,238)
```
#4e9def
```
#4e9def rgb(78,157,239)
```
#60a7f1
```
#60a7f1 rgb(96,167,241)
```
#72b1f2
```
#72b1f2 rgb(114,177,242)
```
#84bbf4
```
#84bbf4 rgb(132,187,244)
```
#96c5f6
```
#96c5f6 rgb(150,197,246)
```
#a8cff7
```
#a8cff7 rgb(168,207,247)
```
#bad9f9
```
#bad9f9 rgb(186,217,249)
```
#cce3fa
```
#cce3fa rgb(204,227,250)
```
#deedfc
```
#deedfc rgb(222,237,252)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#838b93
```
#838b93 rgb(131,139,147)
```
#7a8b9c
```
#7a8b9c rgb(122,139,156)
```
#718aa5
```
#718aa5 rgb(113,138,165)
```
#688aae
```
#688aae rgb(104,138,174)
```
#608ab6
```
#608ab6 rgb(96,138,182)
```
#578abf
```
#578abf rgb(87,138,191)
```
#4e8ac8
```
#4e8ac8 rgb(78,138,200)
```
#458ad1
```
#458ad1 rgb(69,138,209)
```
#3c89da
```
#3c89da rgb(60,137,218)
```
#3389e3
```
#3389e3 rgb(51,137,227)
```
#2a89ec
```
#2a89ec rgb(42,137,236)
```
#2189f5
```
#2189f5 rgb(33,137,245)
```
#1889fe
```
#1889fe rgb(24,137,254)
```

Tone Color Variation

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

#5f8ae9 Protanopia 1% of men
#2d8fec Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#4c8aea Protanomaly 1% of men, 0.01% of women
#2c8dec Deuteranomaly 6% of men, 0.4% of women
#0f94bf Tritanomaly 0.01% of the population

#2a89ec hex color

#2a89ec Color Information

#2a89ec Color Conversion

Color Schemes with #2a89ec

Alternatives to #2a89ec

#2a89ec Preview

Shades and Tints of #2a89ec

Tones of #2a89ec

Color Blindness Simulator