colorhexa.com

#2a97c9 hex color

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

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

● #2a97c9 color description : Strong blue.

The hexadecimal color #2a97c9 has RGB values of R:42, G:151, B:201 and CMYK values of C:0.79, M:0.25, Y:0, K:0.21. Its decimal value is 2791369.

Hex triplet	2a97c9	`#2a97c9`
RGB Decimal	42, 151, 201	`rgb(42,151,201)`
RGB Percent	16.5, 59.2, 78.8	`rgb(16.5%,59.2%,78.8%)`
CMYK	79, 25, 0, 21
HSL	198.9°, 65.4, 47.6	`hsl(198.9,65.4%,47.6%)`
HSV (or HSB)	198.9°, 79.1, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.826, -12.943, -34.268
XYZ	22.561, 26.84, 59.247
xyY	0.208, 0.247, 26.84
CIE-LCH	58.826, 36.631, 249.308
CIE-LUV	58.826, -36.827, -51.751
Hunter-Lab	51.808, -12.93, -31.538
Binary	00101010, 10010111, 11001001

#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#c95c2a
```
#c95c2a rgb(201,92,42)
```

Complementary Color

#2ac9ac
```
#2ac9ac rgb(42,201,172)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#2a48c9
```
#2a48c9 rgb(42,72,201)
```

Analogous Color

#c9ac2a
```
#c9ac2a rgb(201,172,42)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#c92a48
```
#c92a48 rgb(201,42,72)
```

Split Complementary Color

#97c92a
```
#97c92a rgb(151,201,42)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#c92a97
```
#c92a97 rgb(201,42,151)
```

Triadic Color

#2ac95c
```
#2ac95c rgb(42,201,92)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#c92a97
```
#c92a97 rgb(201,42,151)
```
#c95c2a
```
#c95c2a rgb(201,92,42)
```

Tetradic Color

#1d678a
```
#1d678a rgb(29,103,138)
```
#21779f
```
#21779f rgb(33,119,159)
```
#2687b4
```
#2687b4 rgb(38,135,180)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#37a4d5
```
#37a4d5 rgb(55,164,213)
```
#4cadda
```
#4cadda rgb(76,173,218)
```
#61b7de
```
#61b7de rgb(97,183,222)
```

Monochromatic Color

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

#2abfc9
```
#2abfc9 rgb(42,191,201)
```
#2ab2c9
```
#2ab2c9 rgb(42,178,201)
```
#2aa4c9
```
#2aa4c9 rgb(42,164,201)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#2a8ac9
```
#2a8ac9 rgb(42,138,201)
```
#2a7dc9
```
#2a7dc9 rgb(42,125,201)
```
#2a6fc9
```
#2a6fc9 rgb(42,111,201)
```

Similar Colors

Text with hexadecimal color #2a97c9

This text has a font color of #2a97c9.

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

#2a97c9 background color

This paragraph has a background color of #2a97c9.

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

#2a97c9 border color

This element has a border color of #2a97c9.

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

CSS codes

.text {color:#2a97c9;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051117
```
#051117 rgb(5,17,23)
```
#081d27
```
#081d27 rgb(8,29,39)
```
#0b2937
```
#0b2937 rgb(11,41,55)
```
#0f3547
```
#0f3547 rgb(15,53,71)
```
#124257
```
#124257 rgb(18,66,87)
```
#164e68
```
#164e68 rgb(22,78,104)
```
#195a78
```
#195a78 rgb(25,90,120)
```
#1c6688
```
#1c6688 rgb(28,102,136)
```
#207298
```
#207298 rgb(32,114,152)
```
#237fa9
```
#237fa9 rgb(35,127,169)
```
#278bb9
```
#278bb9 rgb(39,139,185)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```

Shade Color Variation

#32a1d4
```
#32a1d4 rgb(50,161,212)
```
#43a9d8
```
#43a9d8 rgb(67,169,216)
```
#53b0db
```
#53b0db rgb(83,176,219)
```
#63b8de
```
#63b8de rgb(99,184,222)
```
#73bfe2
```
#73bfe2 rgb(115,191,226)
```
#83c6e5
```
#83c6e5 rgb(131,198,229)
```
#94cee9
```
#94cee9 rgb(148,206,233)
```
#a4d5ec
```
#a4d5ec rgb(164,213,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)
```
#f5fafd
```
#f5fafd rgb(245,250,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 #05a5ee 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)
```
#4f89a4
```
#4f89a4 rgb(79,137,164)
```
#468dad
```
#468dad rgb(70,141,173)
```
#3d90b6
```
#3d90b6 rgb(61,144,182)
```
#3394c0
```
#3394c0 rgb(51,148,192)
```
#2a97c9
```
#2a97c9 rgb(42,151,201)
```
#219ad2
```
#219ad2 rgb(33,154,210)
```
#179edc
```
#179edc rgb(23,158,220)
```
#0ea1e5
```
#0ea1e5 rgb(14,161,229)
```
#05a5ee
```
#05a5ee rgb(5,165,238)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c818b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8391c4 Protanopia 1% of men
#7892cf Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#6293c5 Protanomaly 1% of men, 0.01% of women
#5b94cd Deuteranomaly 6% of men, 0.4% of women
#0f9db7 Tritanomaly 0.01% of the population