colorhexa.com

#2a89d7 hex color

In a RGB color space, hex #2a89d7 is composed of 16.5% red, 53.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 36.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 207.1 degrees, a saturation of 68.4% and a lightness of 50.4%. #2a89d7 color hex could be obtained by blending #54ffff with #0013af. Closest websafe color is: #3399cc.

- R 16
- G 54
- B 84
RGB color chart
- C 80
- M 36
- Y 0
- K 16
CMYK color chart

● #2a89d7 color description : Strong blue.

The hexadecimal color #2a89d7 has RGB values of R:42, G:137, B:215 and CMYK values of C:0.8, M:0.36, Y:0, K:0.16. Its decimal value is 2787799.

Hex triplet	2a89d7	`#2a89d7`
RGB Decimal	42, 137, 215	`rgb(42,137,215)`
RGB Percent	16.5, 53.7, 84.3	`rgb(16.5%,53.7%,84.3%)`
CMYK	80, 36, 0, 16
HSL	207.1°, 68.4, 50.4	`hsl(207.1,68.4%,50.4%)`
HSV (or HSB)	207.1°, 80.5, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.368, 0.133, -47.582
XYZ	22.163, 23.288, 67.613
xyY	0.196, 0.206, 23.288
CIE-LCH	55.368, 47.582, 270.161
CIE-LUV	55.368, -31.295, -74.425
Hunter-Lab	48.258, -2.471, -49.29
Binary	00101010, 10001001, 11010111

#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#d7782a
```
#d7782a rgb(215,120,42)
```

Complementary Color

#2ad7cf
```
#2ad7cf rgb(42,215,207)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#2a33d7
```
#2a33d7 rgb(42,51,215)
```

Analogous Color

#d7cf2a
```
#d7cf2a rgb(215,207,42)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#d72a33
```
#d72a33 rgb(215,42,51)
```

Split Complementary Color

#89d72a
```
#89d72a rgb(137,215,42)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#d72a89
```
#d72a89 rgb(215,42,137)
```

Triadic Color

#2ad778
```
#2ad778 rgb(42,215,120)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#d72a89
```
#d72a89 rgb(215,42,137)
```
#d7782a
```
#d7782a rgb(215,120,42)
```

Tetradic Color

#1d6098
```
#1d6098 rgb(29,96,152)
```
#216ead
```
#216ead rgb(33,110,173)
```
#257cc3
```
#257cc3 rgb(37,124,195)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#3f95db
```
#3f95db rgb(63,149,219)
```
#55a1df
```
#55a1df rgb(85,161,223)
```
#6aade3
```
#6aade3 rgb(106,173,227)
```

Monochromatic Color

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

#2ab4d7
```
#2ab4d7 rgb(42,180,215)
```
#2aa6d7
```
#2aa6d7 rgb(42,166,215)
```
#2a97d7
```
#2a97d7 rgb(42,151,215)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#2a7bd7
```
#2a7bd7 rgb(42,123,215)
```
#2a6cd7
```
#2a6cd7 rgb(42,108,215)
```
#2a5ed7
```
#2a5ed7 rgb(42,94,215)
```

Similar Colors

Text with hexadecimal color #2a89d7

This text has a font color of #2a89d7.

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

#2a89d7 background color

This paragraph has a background color of #2a89d7.

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

#2a89d7 border color

This element has a border color of #2a89d7.

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

CSS codes

.text {color:#2a89d7;}

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

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

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 #f0f7fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#071623
```
#071623 rgb(7,22,35)
```
#0a2033
```
#0a2033 rgb(10,32,51)
```
#0d2b44
```
#0d2b44 rgb(13,43,68)
```
#103554
```
#103554 rgb(16,53,84)
```
#134065
```
#134065 rgb(19,64,101)
```
#164a75
```
#164a75 rgb(22,74,117)
```
#195586
```
#195586 rgb(25,85,134)
```
#1c5f96
```
#1c5f96 rgb(28,95,150)
```
#1f6aa7
```
#1f6aa7 rgb(31,106,167)
```
#2274b7
```
#2274b7 rgb(34,116,183)
```
#267fc8
```
#267fc8 rgb(38,127,200)
```

Shade Color Variation

#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#3b92da
```
#3b92da rgb(59,146,218)
```
#4b9bdd
```
#4b9bdd rgb(75,155,221)
```
#5ca4e0
```
#5ca4e0 rgb(92,164,224)
```
#6caee3
```
#6caee3 rgb(108,174,227)
```
#7db7e7
```
#7db7e7 rgb(125,183,231)
```
#8dc0ea
```
#8dc0ea rgb(141,192,234)
```
#9ec9ed
```
#9ec9ed rgb(158,201,237)
```
#aed2f0
```
#aed2f0 rgb(174,210,240)
```
#bfdbf3
```
#bfdbf3 rgb(191,219,243)
```
#cfe4f6
```
#cfe4f6 rgb(207,228,246)
```
#e0eef9
```
#e0eef9 rgb(224,238,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#788189
```
#788189 rgb(120,129,137)
```
#6e8293
```
#6e8293 rgb(110,130,147)
```
#64839d
```
#64839d rgb(100,131,157)
```
#5b84a6
```
#5b84a6 rgb(91,132,166)
```
#5185b0
```
#5185b0 rgb(81,133,176)
```
#4786ba
```
#4786ba rgb(71,134,186)
```
#3d87c4
```
#3d87c4 rgb(61,135,196)
```
#3488cd
```
#3488cd rgb(52,136,205)
```
#2a89d7
```
#2a89d7 rgb(42,137,215)
```
#208ae1
```
#208ae1 rgb(32,138,225)
```
#178bea
```
#178bea rgb(23,139,234)
```
#0d8cf4
```
#0d8cf4 rgb(13,140,244)
```
#038dfe
```
#038dfe rgb(3,141,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b88d3 Protanopia 1% of men
#528bda Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#5388d4 Protanomaly 1% of men, 0.01% of women
#438ad9 Deuteranomaly 6% of men, 0.4% of women
#0f92b5 Tritanomaly 0.01% of the population