#2a97ad hex color

In a RGB color space, hex #2a97ad is composed of 16.5% red, 59.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 12.7% magenta, 0% yellow and 32.2% black. It has a hue angle of 190.1 degrees, a saturation of 60.9% and a lightness of 42.2%. #2a97ad color hex could be obtained by blending #54ffff with #002f5b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 59
- B 68
RGB color chart
- C 76
- M 13
- Y 0
- K 32
CMYK color chart

● #2a97ad color description : Dark cyan.

The hexadecimal color #2a97ad has RGB values of R:42, G:151, B:173 and CMYK values of C:0.76, M:0.13, Y:0, K:0.32. Its decimal value is 2791341.

Hex triplet	2a97ad	`#2a97ad`
RGB Decimal	42, 151, 173	`rgb(42,151,173)`
RGB Percent	16.5, 59.2, 67.8	`rgb(16.5%,59.2%,67.8%)`
CMYK	76, 13, 0, 32
HSL	190.1°, 60.9, 42.2	`hsl(190.1,60.9%,42.2%)`
HSV (or HSB)	190.1°, 75.7, 67.8
Web Safe	339999	`#339999`

CIE-LAB	57.695, -22.44, -20.186
XYZ	19.562, 25.641, 43.451
xyY	0.221, 0.289, 25.641
CIE-LCH	57.695, 30.183, 221.974
CIE-LUV	57.695, -38.59, -27.462
Hunter-Lab	50.637, -19.656, -15.431
Binary	00101010, 10010111, 10101101

#2a97ad
```
#2a97ad rgb(42,151,173)
```
#ad402a
```
#ad402a rgb(173,64,42)
```

Complementary Color

#2aad82
```
#2aad82 rgb(42,173,130)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#2a56ad
```
#2a56ad rgb(42,86,173)
```

Analogous Color

#ad822a
```
#ad822a rgb(173,130,42)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#ad2a56
```
#ad2a56 rgb(173,42,86)
```

Split Complementary Color

#97ad2a
```
#97ad2a rgb(151,173,42)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#ad2a97
```
#ad2a97 rgb(173,42,151)
```

Triadic Color

#2aad40
```
#2aad40 rgb(42,173,64)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#ad2a97
```
#ad2a97 rgb(173,42,151)
```
#ad402a
```
#ad402a rgb(173,64,42)
```

Tetradic Color

#1b616f
```
#1b616f rgb(27,97,111)
```
#207384
```
#207384 rgb(32,115,132)
```
#258598
```
#258598 rgb(37,133,152)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#2fa9c2
```
#2fa9c2 rgb(47,169,194)
```
#3bb6cf
```
#3bb6cf rgb(59,182,207)
```
#4fbed4
```
#4fbed4 rgb(79,190,212)
```

Monochromatic Color

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

#2aada2
```
#2aada2 rgb(42,173,162)
```
#2aadad
```
#2aadad rgb(42,173,173)
```
#2aa2ad
```
#2aa2ad rgb(42,162,173)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#2a8cad
```
#2a8cad rgb(42,140,173)
```
#2a81ad
```
#2a81ad rgb(42,129,173)
```
#2a76ad
```
#2a76ad rgb(42,118,173)
```

Similar Colors

Text with hexadecimal color #2a97ad

This text has a font color of #2a97ad.

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

#2a97ad background color

This paragraph has a background color of #2a97ad.

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

#2a97ad border color

This element has a border color of #2a97ad.

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

CSS codes

.text {color:#2a97ad;}

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

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

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, #040d0f is the darkest color, while #feffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#081b1f
```
#081b1f rgb(8,27,31)
```
#0b292f
```
#0b292f rgb(11,41,47)
```
#0f373f
```
#0f373f rgb(15,55,63)
```
#13444e
```
#13444e rgb(19,68,78)
```
#17525e
```
#17525e rgb(23,82,94)
```
#1b606e
```
#1b606e rgb(27,96,110)
```
#1f6e7e
```
#1f6e7e rgb(31,110,126)
```
#227b8d
```
#227b8d rgb(34,123,141)
```
#26899d
```
#26899d rgb(38,137,157)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#2ea5bd
```
#2ea5bd rgb(46,165,189)
```
#32b3cd
```
#32b3cd rgb(50,179,205)
```

Shade Color Variation

#41b9d1
```
#41b9d1 rgb(65,185,209)
```
#51bfd5
```
#51bfd5 rgb(81,191,213)
```
#61c4d9
```
#61c4d9 rgb(97,196,217)
```
#70cadc
```
#70cadc rgb(112,202,220)
```
#80d0e0
```
#80d0e0 rgb(128,208,224)
```
#90d6e4
```
#90d6e4 rgb(144,214,228)
```
#a0dce8
```
#a0dce8 rgb(160,220,232)
```
#afe2ec
```
#afe2ec rgb(175,226,236)
```
#bfe7f0
```
#bfe7f0 rgb(191,231,240)
```
#cfedf3
```
#cfedf3 rgb(207,237,243)
```
#dff3f7
```
#dff3f7 rgb(223,243,247)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#647173
```
#647173 rgb(100,113,115)
```
#5c767b
```
#5c767b rgb(92,118,123)
```
#537c84
```
#537c84 rgb(83,124,132)
```
#4b818c
```
#4b818c rgb(75,129,140)
```
#438794
```
#438794 rgb(67,135,148)
```
#3b8c9c
```
#3b8c9c rgb(59,140,156)
```
#3292a5
```
#3292a5 rgb(50,146,165)
```
#2a97ad
```
#2a97ad rgb(42,151,173)
```
#229cb5
```
#229cb5 rgb(34,156,181)
```
#19a2be
```
#19a2be rgb(25,162,190)
```
#11a7c6
```
#11a7c6 rgb(17,167,198)
```
#09adce
```
#09adce rgb(9,173,206)
```
#01b2d6
```
#01b2d6 rgb(1,178,214)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#697f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8fa9 Protanopia 1% of men
#888eb6 Deuteranopia 1% of men
#2c9da9 Tritanopia 0.001% of the population

Trichromacy

#6792aa Protanomaly 1% of men, 0.01% of women
#6691b3 Deuteranomaly 6% of men, 0.4% of women
#2b9baa Tritanomaly 0.01% of the population

#2a97ad hex color

#2a97ad Color Information

#2a97ad Color Conversion

Color Schemes with #2a97ad

Alternatives to #2a97ad

#2a97ad Preview

Shades and Tints of #2a97ad

Tones of #2a97ad

Color Blindness Simulator