#2a97bc hex color

In a RGB color space, hex #2a97bc is composed of 16.5% red, 59.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 19.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 195.2 degrees, a saturation of 63.5% and a lightness of 45.1%. #2a97bc color hex could be obtained by blending #54ffff with #002f79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 74
RGB color chart
- C 78
- M 20
- Y 0
- K 26
CMYK color chart

● #2a97bc color description : Strong blue.

The hexadecimal color #2a97bc has RGB values of R:42, G:151, B:188 and CMYK values of C:0.78, M:0.2, Y:0, K:0.26. Its decimal value is 2791356.

Hex triplet	2a97bc	`#2a97bc`
RGB Decimal	42, 151, 188	`rgb(42,151,188)`
RGB Percent	16.5, 59.2, 73.7	`rgb(16.5%,59.2%,73.7%)`
CMYK	78, 20, 0, 26
HSL	195.2°, 63.5, 45.1	`hsl(195.2,63.5%,45.1%)`
HSV (or HSB)	195.2°, 77.7, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.278, -17.431, -27.793
XYZ	21.096, 26.254, 51.53
xyY	0.213, 0.266, 26.254
CIE-LCH	58.278, 32.807, 237.906
CIE-LUV	58.278, -37.628, -40.48
Hunter-Lab	51.239, -16.176, -23.759
Binary	00101010, 10010111, 10111100

#2a97bc
```
#2a97bc rgb(42,151,188)
```
#bc4f2a
```
#bc4f2a rgb(188,79,42)
```

Complementary Color

#2abc98
```
#2abc98 rgb(42,188,152)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#2a4ebc
```
#2a4ebc rgb(42,78,188)
```

Analogous Color

#bc982a
```
#bc982a rgb(188,152,42)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#bc2a4e
```
#bc2a4e rgb(188,42,78)
```

Split Complementary Color

#97bc2a
```
#97bc2a rgb(151,188,42)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#bc2a97
```
#bc2a97 rgb(188,42,151)
```

Triadic Color

#2abc4f
```
#2abc4f rgb(42,188,79)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#bc2a97
```
#bc2a97 rgb(188,42,151)
```
#bc4f2a
```
#bc4f2a rgb(188,79,42)
```

Tetradic Color

#1c657d
```
#1c657d rgb(28,101,125)
```
#217692
```
#217692 rgb(33,118,146)
```
#2586a7
```
#2586a7 rgb(37,134,167)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#2fa8d1
```
#2fa8d1 rgb(47,168,209)
```
#44b0d5
```
#44b0d5 rgb(68,176,213)
```
#59b9da
```
#59b9da rgb(89,185,218)
```

Monochromatic Color

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

#2abcbc
```
#2abcbc rgb(42,188,188)
```
#2aafbc
```
#2aafbc rgb(42,175,188)
```
#2aa3bc
```
#2aa3bc rgb(42,163,188)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#2a8bbc
```
#2a8bbc rgb(42,139,188)
```
#2a7fbc
```
#2a7fbc rgb(42,127,188)
```
#2a73bc
```
#2a73bc rgb(42,115,188)
```

Similar Colors

Text with hexadecimal color #2a97bc

This text has a font color of #2a97bc.

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

#2a97bc background color

This paragraph has a background color of #2a97bc.

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

#2a97bc border color

This element has a border color of #2a97bc.

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

CSS codes

.text {color:#2a97bc;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#06161c
```
#06161c rgb(6,22,28)
```
#0a232c
```
#0a232c rgb(10,35,44)
```
#0d303c
```
#0d303c rgb(13,48,60)
```
#113d4c
```
#113d4c rgb(17,61,76)
```
#154a5c
```
#154a5c rgb(21,74,92)
```
#18576c
```
#18576c rgb(24,87,108)
```
#1c637c
```
#1c637c rgb(28,99,124)
```
#1f708c
```
#1f708c rgb(31,112,140)
```
#237d9c
```
#237d9c rgb(35,125,156)
```
#268aac
```
#268aac rgb(38,138,172)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#2ea4cc
```
#2ea4cc rgb(46,164,204)
```

Shade Color Variation

#3aacd3
```
#3aacd3 rgb(58,172,211)
```
#4ab3d7
```
#4ab3d7 rgb(74,179,215)
```
#5abada
```
#5abada rgb(90,186,218)
```
#6ac1de
```
#6ac1de rgb(106,193,222)
```
#7ac7e1
```
#7ac7e1 rgb(122,199,225)
```
#8acee5
```
#8acee5 rgb(138,206,229)
```
#9ad5e9
```
#9ad5e9 rgb(154,213,233)
```
#aadbec
```
#aadbec rgb(170,219,236)
```
#bae2f0
```
#bae2f0 rgb(186,226,240)
```
#cae9f3
```
#cae9f3 rgb(202,233,243)
```
#dbf0f7
```
#dbf0f7 rgb(219,240,247)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#717475
```
#717475 rgb(113,116,117)
```
#68787e
```
#68787e rgb(104,120,126)
```
#5f7d87
```
#5f7d87 rgb(95,125,135)
```
#568190
```
#568190 rgb(86,129,144)
```
#4d8699
```
#4d8699 rgb(77,134,153)
```
#458aa1
```
#458aa1 rgb(69,138,161)
```
#3c8eaa
```
#3c8eaa rgb(60,142,170)
```
#3393b3
```
#3393b3 rgb(51,147,179)
```
#2a97bc
```
#2a97bc rgb(42,151,188)
```
#219bc5
```
#219bc5 rgb(33,155,197)
```
#18a0ce
```
#18a0ce rgb(24,160,206)
```
#0fa4d7
```
#0fa4d7 rgb(15,164,215)
```
#07a8df
```
#07a8df rgb(7,168,223)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b8188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8790b7 Protanopia 1% of men
#8090c4 Deuteranopia 1% of men
#16a0ab Tritanopia 0.001% of the population

Trichromacy

#6592b9 Protanomaly 1% of men, 0.01% of women
#6192c1 Deuteranomaly 6% of men, 0.4% of women
#1d9cb1 Tritanomaly 0.01% of the population

#2a97bc hex color

#2a97bc Color Information

#2a97bc Color Conversion

Color Schemes with #2a97bc

Alternatives to #2a97bc

#2a97bc Preview

Shades and Tints of #2a97bc

Tones of #2a97bc

Color Blindness Simulator