colorhexa.com

#2a98c9 hex color

In a RGB color space, hex #2a98c9 is composed of 16.5% red, 59.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 24.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 198.5 degrees, a saturation of 65.4% and a lightness of 47.6%. #2a98c9 color hex could be obtained by blending #54ffff with #003193. Closest websafe color is: #3399cc.

- R 16
- G 60
- B 79
RGB color chart
- C 79
- M 24
- Y 0
- K 21
CMYK color chart

● #2a98c9 color description : Strong blue.

The hexadecimal color #2a98c9 has RGB values of R:42, G:152, B:201 and CMYK values of C:0.79, M:0.24, Y:0, K:0.21. Its decimal value is 2791625.

Hex triplet	2a98c9	`#2a98c9`
RGB Decimal	42, 152, 201	`rgb(42,152,201)`
RGB Percent	16.5, 59.6, 78.8	`rgb(16.5%,59.6%,78.8%)`
CMYK	79, 24, 0, 21
HSL	198.5°, 65.4, 47.6	`hsl(198.5,65.4%,47.6%)`
HSV (or HSB)	198.5°, 79.1, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.126, -13.495, -33.802
XYZ	22.723, 27.164, 59.301
xyY	0.208, 0.249, 27.164
CIE-LCH	59.126, 36.396, 248.236
CIE-LUV	59.126, -37.176, -50.957
Hunter-Lab	52.119, -13.385, -30.977
Binary	00101010, 10011000, 11001001

#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#c95b2a
```
#c95b2a rgb(201,91,42)
```

Complementary Color

#2ac9ab
```
#2ac9ab rgb(42,201,171)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#2a49c9
```
#2a49c9 rgb(42,73,201)
```

Analogous Color

#c9ab2a
```
#c9ab2a rgb(201,171,42)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#c92a49
```
#c92a49 rgb(201,42,73)
```

Split Complementary Color

#98c92a
```
#98c92a rgb(152,201,42)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#c92a98
```
#c92a98 rgb(201,42,152)
```

Triadic Color

#2ac95b
```
#2ac95b rgb(42,201,91)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#c92a98
```
#c92a98 rgb(201,42,152)
```
#c95b2a
```
#c95b2a rgb(201,91,42)
```

Tetradic Color

#1d688a
```
#1d688a rgb(29,104,138)
```
#21789f
```
#21789f rgb(33,120,159)
```
#2688b4
```
#2688b4 rgb(38,136,180)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#37a5d5
```
#37a5d5 rgb(55,165,213)
```
#4caeda
```
#4caeda rgb(76,174,218)
```
#61b8de
```
#61b8de rgb(97,184,222)
```

Monochromatic Color

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

#2ac0c9
```
#2ac0c9 rgb(42,192,201)
```
#2ab3c9
```
#2ab3c9 rgb(42,179,201)
```
#2aa5c9
```
#2aa5c9 rgb(42,165,201)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#2a8bc9
```
#2a8bc9 rgb(42,139,201)
```
#2a7ec9
```
#2a7ec9 rgb(42,126,201)
```
#2a70c9
```
#2a70c9 rgb(42,112,201)
```

Similar Colors

Text with hexadecimal color #2a98c9

This text has a font color of #2a98c9.

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

#2a98c9 background color

This paragraph has a background color of #2a98c9.

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

#2a98c9 border color

This element has a border color of #2a98c9.

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

CSS codes

.text {color:#2a98c9;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051117
```
#051117 rgb(5,17,23)
```
#081d27
```
#081d27 rgb(8,29,39)
```
#0b2a37
```
#0b2a37 rgb(11,42,55)
```
#0f3647
```
#0f3647 rgb(15,54,71)
```
#124257
```
#124257 rgb(18,66,87)
```
#164e68
```
#164e68 rgb(22,78,104)
```
#195b78
```
#195b78 rgb(25,91,120)
```
#1c6788
```
#1c6788 rgb(28,103,136)
```
#207398
```
#207398 rgb(32,115,152)
```
#237fa9
```
#237fa9 rgb(35,127,169)
```
#278cb9
```
#278cb9 rgb(39,140,185)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```

Shade Color Variation

#32a2d4
```
#32a2d4 rgb(50,162,212)
```
#43aad8
```
#43aad8 rgb(67,170,216)
```
#53b1db
```
#53b1db rgb(83,177,219)
```
#63b8de
```
#63b8de rgb(99,184,222)
```
#73c0e2
```
#73c0e2 rgb(115,192,226)
```
#83c7e5
```
#83c7e5 rgb(131,199,229)
```
#94cee9
```
#94cee9 rgb(148,206,233)
```
#a4d6ec
```
#a4d6ec rgb(164,214,236)
```
#b4ddef
```
#b4ddef rgb(180,221,239)
```
#c4e4f3
```
#c4e4f3 rgb(196,228,243)
```
#d5ecf6
```
#d5ecf6 rgb(213,236,246)
```
#e5f3fa
```
#e5f3fa rgb(229,243,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7e is the less saturated color, while #05a6ee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6b7f88
```
#6b7f88 rgb(107,127,136)
```
#628291
```
#628291 rgb(98,130,145)
```
#59869a
```
#59869a rgb(89,134,154)
```
#4f8aa4
```
#4f8aa4 rgb(79,138,164)
```
#468dad
```
#468dad rgb(70,141,173)
```
#3d91b6
```
#3d91b6 rgb(61,145,182)
```
#3394c0
```
#3394c0 rgb(51,148,192)
```
#2a98c9
```
#2a98c9 rgb(42,152,201)
```
#219cd2
```
#219cd2 rgb(33,156,210)
```
#179fdc
```
#179fdc rgb(23,159,220)
```
#0ea3e5
```
#0ea3e5 rgb(14,163,229)
```
#05a6ee
```
#05a6ee rgb(5,166,238)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6c828c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8492c4 Protanopia 1% of men
#7993cf Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#6394c5 Protanomaly 1% of men, 0.01% of women
#5c94cd Deuteranomaly 6% of men, 0.4% of women
#0f9eb7 Tritanomaly 0.01% of the population