#2a97bb hex color

In a RGB color space, hex #2a97bb is composed of 16.5% red, 59.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 19.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 194.9 degrees, a saturation of 63.3% and a lightness of 44.9%. #2a97bb color hex could be obtained by blending #54ffff with #002f77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 59
- B 73
RGB color chart
- C 78
- M 19
- Y 0
- K 27
CMYK color chart

● #2a97bb color description : Strong cyan.

The hexadecimal color #2a97bb has RGB values of R:42, G:151, B:187 and CMYK values of C:0.78, M:0.19, Y:0, K:0.27. Its decimal value is 2791355.

Hex triplet	2a97bb	`#2a97bb`
RGB Decimal	42, 151, 187	`rgb(42,151,187)`
RGB Percent	16.5, 59.2, 73.3	`rgb(16.5%,59.2%,73.3%)`
CMYK	78, 19, 0, 27
HSL	194.9°, 63.3, 44.9	`hsl(194.9,63.3%,44.9%)`
HSV (or HSB)	194.9°, 77.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.237, -17.771, -27.291
XYZ	20.989, 26.211, 50.964
xyY	0.214, 0.267, 26.211
CIE-LCH	58.237, 32.566, 236.929
CIE-LUV	58.237, -37.691, -39.611
Hunter-Lab	51.197, -16.417, -23.182
Binary	00101010, 10010111, 10111011

#2a97bb
```
#2a97bb rgb(42,151,187)
```
#bb4e2a
```
#bb4e2a rgb(187,78,42)
```

Complementary Color

#2abb97
```
#2abb97 rgb(42,187,151)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#2a4fbb
```
#2a4fbb rgb(42,79,187)
```

Analogous Color

#bb972a
```
#bb972a rgb(187,151,42)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#bb2a4f
```
#bb2a4f rgb(187,42,79)
```

Split Complementary Color

#97bb2a
```
#97bb2a rgb(151,187,42)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#bb2a97
```
#bb2a97 rgb(187,42,151)
```

Triadic Color

#2abb4e
```
#2abb4e rgb(42,187,78)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#bb2a97
```
#bb2a97 rgb(187,42,151)
```
#bb4e2a
```
#bb4e2a rgb(187,78,42)
```

Tetradic Color

#1c657d
```
#1c657d rgb(28,101,125)
```
#217591
```
#217591 rgb(33,117,145)
```
#2586a6
```
#2586a6 rgb(37,134,166)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#2fa8d0
```
#2fa8d0 rgb(47,168,208)
```
#43b1d5
```
#43b1d5 rgb(67,177,213)
```
#58b9d9
```
#58b9d9 rgb(88,185,217)
```

Monochromatic Color

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

#2abbbb
```
#2abbbb rgb(42,187,187)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```
#2aa3bb
```
#2aa3bb rgb(42,163,187)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#2a8bbb
```
#2a8bbb rgb(42,139,187)
```
#2a7fbb
```
#2a7fbb rgb(42,127,187)
```
#2a73bb
```
#2a73bb rgb(42,115,187)
```

Similar Colors

Text with hexadecimal color #2a97bb

This text has a font color of #2a97bb.

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

#2a97bb background color

This paragraph has a background color of #2a97bb.

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

#2a97bb border color

This element has a border color of #2a97bb.

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

CSS codes

.text {color:#2a97bb;}

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

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

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, #02090b is the darkest color, while #fafdfe is the lightest one.

#02090b
```
#02090b rgb(2,9,11)
```
#06161b
```
#06161b rgb(6,22,27)
```
#0a232b
```
#0a232b rgb(10,35,43)
```
#0d303b
```
#0d303b rgb(13,48,59)
```
#113c4b
```
#113c4b rgb(17,60,75)
```
#14495b
```
#14495b rgb(20,73,91)
```
#18566b
```
#18566b rgb(24,86,107)
```
#1c637b
```
#1c637b rgb(28,99,123)
```
#1f708b
```
#1f708b rgb(31,112,139)
```
#237d9b
```
#237d9b rgb(35,125,155)
```
#268aab
```
#268aab rgb(38,138,171)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#2ea4cb
```
#2ea4cb rgb(46,164,203)
```

Shade Color Variation

#3aadd3
```
#3aadd3 rgb(58,173,211)
```
#4ab3d6
```
#4ab3d6 rgb(74,179,214)
```
#5abada
```
#5abada rgb(90,186,218)
```
#6ac1dd
```
#6ac1dd rgb(106,193,221)
```
#7ac7e1
```
#7ac7e1 rgb(122,199,225)
```
#8acee5
```
#8acee5 rgb(138,206,229)
```
#9ad5e8
```
#9ad5e8 rgb(154,213,232)
```
#aadbec
```
#aadbec rgb(170,219,236)
```
#bae2ef
```
#bae2ef rgb(186,226,239)
```
#cae9f3
```
#cae9f3 rgb(202,233,243)
```
#daeff7
```
#daeff7 rgb(218,239,247)
```
#eaf6fa
```
#eaf6fa rgb(234,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#707475
```
#707475 rgb(112,116,117)
```
#68787d
```
#68787d rgb(104,120,125)
```
#5f7c86
```
#5f7c86 rgb(95,124,134)
```
#56818f
```
#56818f rgb(86,129,143)
```
#4d8598
```
#4d8598 rgb(77,133,152)
```
#448aa1
```
#448aa1 rgb(68,138,161)
```
#3c8ea9
```
#3c8ea9 rgb(60,142,169)
```
#3393b2
```
#3393b2 rgb(51,147,178)
```
#2a97bb
```
#2a97bb rgb(42,151,187)
```
#219bc4
```
#219bc4 rgb(33,155,196)
```
#18a0cd
```
#18a0cd rgb(24,160,205)
```
#10a4d5
```
#10a4d5 rgb(16,164,213)
```
#07a9de
```
#07a9de rgb(7,169,222)
```

Tone Color Variation

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

#8790b6 Protanopia 1% of men
#8190c3 Deuteranopia 1% of men
#189fab Tritanopia 0.001% of the population

Trichromacy

#6592b8 Protanomaly 1% of men, 0.01% of women
#6192c0 Deuteranomaly 6% of men, 0.4% of women
#1f9cb1 Tritanomaly 0.01% of the population

#2a97bb hex color

#2a97bb Color Information

#2a97bb Color Conversion

Color Schemes with #2a97bb

Alternatives to #2a97bb

#2a97bb Preview

Shades and Tints of #2a97bb

Tones of #2a97bb

Color Blindness Simulator