#2a96bb hex color

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

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

● #2a96bb color description : Strong blue.

The hexadecimal color #2a96bb has RGB values of R:42, G:150, B:187 and CMYK values of C:0.78, M:0.2, Y:0, K:0.27. Its decimal value is 2791099.

Hex triplet	2a96bb	`#2a96bb`
RGB Decimal	42, 150, 187	`rgb(42,150,187)`
RGB Percent	16.5, 58.8, 73.3	`rgb(16.5%,58.8%,73.3%)`
CMYK	78, 20, 0, 27
HSL	195.3°, 63.3, 44.9	`hsl(195.3,63.3%,44.9%)`
HSV (or HSB)	195.3°, 77.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.933, -17.232, -27.76
XYZ	20.828, 25.891, 50.911
xyY	0.213, 0.265, 25.891
CIE-LCH	57.933, 32.674, 238.17
CIE-LUV	57.933, -37.336, -40.411
Hunter-Lab	50.883, -15.978, -23.704
Binary	00101010, 10010110, 10111011

#2a96bb
```
#2a96bb rgb(42,150,187)
```
#bb4f2a
```
#bb4f2a rgb(187,79,42)
```

Complementary Color

#2abb98
```
#2abb98 rgb(42,187,152)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#2a4ebb
```
#2a4ebb rgb(42,78,187)
```

Analogous Color

#bb982a
```
#bb982a rgb(187,152,42)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#bb2a4e
```
#bb2a4e rgb(187,42,78)
```

Split Complementary Color

#96bb2a
```
#96bb2a rgb(150,187,42)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#bb2a96
```
#bb2a96 rgb(187,42,150)
```

Triadic Color

#2abb4f
```
#2abb4f rgb(42,187,79)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#bb2a96
```
#bb2a96 rgb(187,42,150)
```
#bb4f2a
```
#bb4f2a rgb(187,79,42)
```

Tetradic Color

#1c647d
```
#1c647d rgb(28,100,125)
```
#217591
```
#217591 rgb(33,117,145)
```
#2585a6
```
#2585a6 rgb(37,133,166)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#2fa7d0
```
#2fa7d0 rgb(47,167,208)
```
#43b0d5
```
#43b0d5 rgb(67,176,213)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```

Monochromatic Color

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

#2ababb
```
#2ababb rgb(42,186,187)
```
#2aaebb
```
#2aaebb rgb(42,174,187)
```
#2aa2bb
```
#2aa2bb rgb(42,162,187)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#2a8abb
```
#2a8abb rgb(42,138,187)
```
#2a7ebb
```
#2a7ebb rgb(42,126,187)
```
#2a72bb
```
#2a72bb rgb(42,114,187)
```

Similar Colors

Text with hexadecimal color #2a96bb

This text has a font color of #2a96bb.

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

#2a96bb background color

This paragraph has a background color of #2a96bb.

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

#2a96bb border color

This element has a border color of #2a96bb.

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

CSS codes

.text {color:#2a96bb;}

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

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

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)
```
#0a222b
```
#0a222b rgb(10,34,43)
```
#0d2f3b
```
#0d2f3b rgb(13,47,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)
```
#1f6f8b
```
#1f6f8b rgb(31,111,139)
```
#237c9b
```
#237c9b rgb(35,124,155)
```
#2689ab
```
#2689ab rgb(38,137,171)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#2ea3cb
```
#2ea3cb rgb(46,163,203)
```

Shade Color Variation

#3aacd3
```
#3aacd3 rgb(58,172,211)
```
#4ab2d6
```
#4ab2d6 rgb(74,178,214)
```
#5ab9da
```
#5ab9da rgb(90,185,218)
```
#6ac0dd
```
#6ac0dd rgb(106,192,221)
```
#7ac7e1
```
#7ac7e1 rgb(122,199,225)
```
#8acde5
```
#8acde5 rgb(138,205,229)
```
#9ad4e8
```
#9ad4e8 rgb(154,212,232)
```
#aadbec
```
#aadbec rgb(170,219,236)
```
#bae2ef
```
#bae2ef rgb(186,226,239)
```
#cae8f3
```
#cae8f3 rgb(202,232,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, #707375 is the less saturated color, while #07a7de is the most saturated one.

#707375
```
#707375 rgb(112,115,117)
```
#68787d
```
#68787d rgb(104,120,125)
```
#5f7c86
```
#5f7c86 rgb(95,124,134)
```
#56808f
```
#56808f rgb(86,128,143)
```
#4d8598
```
#4d8598 rgb(77,133,152)
```
#4489a1
```
#4489a1 rgb(68,137,161)
```
#3c8da9
```
#3c8da9 rgb(60,141,169)
```
#3392b2
```
#3392b2 rgb(51,146,178)
```
#2a96bb
```
#2a96bb rgb(42,150,187)
```
#219ac4
```
#219ac4 rgb(33,154,196)
```
#189fcd
```
#189fcd rgb(24,159,205)
```
#10a3d5
```
#10a3d5 rgb(16,163,213)
```
#07a7de
```
#07a7de rgb(7,167,222)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6a8087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868fb6 Protanopia 1% of men
#7f8fc3 Deuteranopia 1% of men
#169faa Tritanopia 0.001% of the population

Trichromacy

#6492b8 Protanomaly 1% of men, 0.01% of women
#6091c0 Deuteranomaly 6% of men, 0.4% of women
#1d9bb0 Tritanomaly 0.01% of the population

#2a96bb hex color

#2a96bb Color Information

#2a96bb Color Conversion

Color Schemes with #2a96bb

Alternatives to #2a96bb

#2a96bb Preview

Shades and Tints of #2a96bb

Tones of #2a96bb

Color Blindness Simulator