#2a97d2 hex color

In a RGB color space, hex #2a97d2 is composed of 16.5% red, 59.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 28.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 201.1 degrees, a saturation of 66.7% and a lightness of 49.4%. #2a97d2 color hex could be obtained by blending #54ffff with #002fa5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 82
RGB color chart
- C 80
- M 28
- Y 0
- K 18
CMYK color chart

● #2a97d2 color description : Strong blue.

The hexadecimal color #2a97d2 has RGB values of R:42, G:151, B:210 and CMYK values of C:0.8, M:0.28, Y:0, K:0.18. Its decimal value is 2791378.

Hex triplet	2a97d2	`#2a97d2`
RGB Decimal	42, 151, 210	`rgb(42,151,210)`
RGB Percent	16.5, 59.2, 82.4	`rgb(16.5%,59.2%,82.4%)`
CMYK	80, 28, 0, 18
HSL	201.1°, 66.7, 49.4	`hsl(201.1,66.7%,49.4%)`
HSV (or HSB)	201.1°, 80, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.229, -9.773, -38.686
XYZ	23.651, 27.277, 64.988
xyY	0.204, 0.235, 27.277
CIE-LCH	59.229, 39.901, 255.823
CIE-LUV	59.229, -36.294, -59.506
Hunter-Lab	52.227, -10.562, -37.218
Binary	00101010, 10010111, 11010010

#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#d2652a
```
#d2652a rgb(210,101,42)
```

Complementary Color

#2ad2b9
```
#2ad2b9 rgb(42,210,185)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#2a43d2
```
#2a43d2 rgb(42,67,210)
```

Analogous Color

#d2b92a
```
#d2b92a rgb(210,185,42)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#d22a43
```
#d22a43 rgb(210,42,67)
```

Split Complementary Color

#97d22a
```
#97d22a rgb(151,210,42)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#d22a97
```
#d22a97 rgb(210,42,151)
```

Triadic Color

#2ad265
```
#2ad265 rgb(42,210,101)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#d22a97
```
#d22a97 rgb(210,42,151)
```
#d2652a
```
#d2652a rgb(210,101,42)
```

Tetradic Color

#1d6992
```
#1d6992 rgb(29,105,146)
```
#2278a8
```
#2278a8 rgb(34,120,168)
```
#2688bd
```
#2688bd rgb(38,136,189)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#3da2d8
```
#3da2d8 rgb(61,162,216)
```
#53acdd
```
#53acdd rgb(83,172,221)
```
#68b6e1
```
#68b6e1 rgb(104,182,225)
```

Monochromatic Color

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

#2ac1d2
```
#2ac1d2 rgb(42,193,210)
```
#2ab3d2
```
#2ab3d2 rgb(42,179,210)
```
#2aa5d2
```
#2aa5d2 rgb(42,165,210)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#2a89d2
```
#2a89d2 rgb(42,137,210)
```
#2a7bd2
```
#2a7bd2 rgb(42,123,210)
```
#2a6dd2
```
#2a6dd2 rgb(42,109,210)
```

Similar Colors

Text with hexadecimal color #2a97d2

This text has a font color of #2a97d2.

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

#2a97d2 background color

This paragraph has a background color of #2a97d2.

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

#2a97d2 border color

This element has a border color of #2a97d2.

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

CSS codes

.text {color:#2a97d2;}

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

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

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, #030a0e is the darkest color, while #fdfeff is the lightest one.

#030a0e
```
#030a0e rgb(3,10,14)
```
#06161e
```
#06161e rgb(6,22,30)
```
#09212f
```
#09212f rgb(9,33,47)
```
#0d2d3f
```
#0d2d3f rgb(13,45,63)
```
#10394f
```
#10394f rgb(16,57,79)
```
#134560
```
#134560 rgb(19,69,96)
```
#165070
```
#165070 rgb(22,80,112)
```
#1a5c80
```
#1a5c80 rgb(26,92,128)
```
#1d6891
```
#1d6891 rgb(29,104,145)
```
#2074a1
```
#2074a1 rgb(32,116,161)
```
#237fb1
```
#237fb1 rgb(35,127,177)
```
#278bc2
```
#278bc2 rgb(39,139,194)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```

Shade Color Variation

#389fd7
```
#389fd7 rgb(56,159,215)
```
#49a7db
```
#49a7db rgb(73,167,219)
```
#59afde
```
#59afde rgb(89,175,222)
```
#69b7e1
```
#69b7e1 rgb(105,183,225)
```
#7abfe4
```
#7abfe4 rgb(122,191,228)
```
#8ac7e8
```
#8ac7e8 rgb(138,199,232)
```
#9acfeb
```
#9acfeb rgb(154,207,235)
```
#abd6ee
```
#abd6ee rgb(171,214,238)
```
#bbdef1
```
#bbdef1 rgb(187,222,241)
```
#cbe6f5
```
#cbe6f5 rgb(203,230,245)
```
#dceef8
```
#dceef8 rgb(220,238,248)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#788084
```
#788084 rgb(120,128,132)
```
#6e838e
```
#6e838e rgb(110,131,142)
```
#648698
```
#648698 rgb(100,134,152)
```
#5a89a2
```
#5a89a2 rgb(90,137,162)
```
#518bab
```
#518bab rgb(81,139,171)
```
#478eb5
```
#478eb5 rgb(71,142,181)
```
#3d91bf
```
#3d91bf rgb(61,145,191)
```
#3494c8
```
#3494c8 rgb(52,148,200)
```
#2a97d2
```
#2a97d2 rgb(42,151,210)
```
#209adc
```
#209adc rgb(32,154,220)
```
#179de5
```
#179de5 rgb(23,157,229)
```
#0da0ef
```
#0da0ef rgb(13,160,239)
```
#03a3f9
```
#03a3f9 rgb(3,163,249)
```

Tone Color Variation

Below, you can see how #2a97d2 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
#6c828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8092cd Protanopia 1% of men
#7193d7 Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#6194ce Protanomaly 1% of men, 0.01% of women
#5795d5 Deuteranomaly 6% of men, 0.4% of women
#0f9ebb Tritanomaly 0.01% of the population

#2a97d2 hex color

#2a97d2 Color Information

#2a97d2 Color Conversion

Color Schemes with #2a97d2

Alternatives to #2a97d2

#2a97d2 Preview

Shades and Tints of #2a97d2

Tones of #2a97d2

Color Blindness Simulator