#2a88bb hex color

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

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

● #2a88bb color description : Strong blue.

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

Hex triplet	2a88bb	`#2a88bb`
RGB Decimal	42, 136, 187	`rgb(42,136,187)`
RGB Percent	16.5, 53.3, 73.3	`rgb(16.5%,53.3%,73.3%)`
CMYK	78, 27, 0, 27
HSL	201.1°, 63.3, 44.9	`hsl(201.1,63.3%,44.9%)`
HSV (or HSB)	201.1°, 77.5, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.693, -9.458, -34.355
XYZ	18.726, 21.687, 50.21
xyY	0.207, 0.239, 21.687
CIE-LCH	53.693, 35.634, 254.608
CIE-LUV	53.693, -32.395, -51.484
Hunter-Lab	46.569, -9.717, -31.327
Binary	00101010, 10001000, 10111011

#2a88bb
```
#2a88bb rgb(42,136,187)
```
#bb5d2a
```
#bb5d2a rgb(187,93,42)
```

Complementary Color

#2abba6
```
#2abba6 rgb(42,187,166)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#2a40bb
```
#2a40bb rgb(42,64,187)
```

Analogous Color

#bba62a
```
#bba62a rgb(187,166,42)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#bb2a40
```
#bb2a40 rgb(187,42,64)
```

Split Complementary Color

#88bb2a
```
#88bb2a rgb(136,187,42)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#bb2a88
```
#bb2a88 rgb(187,42,136)
```

Triadic Color

#2abb5d
```
#2abb5d rgb(42,187,93)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#bb2a88
```
#bb2a88 rgb(187,42,136)
```
#bb5d2a
```
#bb5d2a rgb(187,93,42)
```

Tetradic Color

#1c5b7d
```
#1c5b7d rgb(28,91,125)
```
#216a91
```
#216a91 rgb(33,106,145)
```
#2579a6
```
#2579a6 rgb(37,121,166)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#2f97d0
```
#2f97d0 rgb(47,151,208)
```
#43a2d5
```
#43a2d5 rgb(67,162,213)
```
#58acd9
```
#58acd9 rgb(88,172,217)
```

Monochromatic Color

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

#2aacbb
```
#2aacbb rgb(42,172,187)
```
#2aa0bb
```
#2aa0bb rgb(42,160,187)
```
#2a94bb
```
#2a94bb rgb(42,148,187)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#2a7cbb
```
#2a7cbb rgb(42,124,187)
```
#2a70bb
```
#2a70bb rgb(42,112,187)
```
#2a64bb
```
#2a64bb rgb(42,100,187)
```

Similar Colors

Text with hexadecimal color #2a88bb

This text has a font color of #2a88bb.

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

#2a88bb background color

This paragraph has a background color of #2a88bb.

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

#2a88bb border color

This element has a border color of #2a88bb.

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

CSS codes

.text {color:#2a88bb;}

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

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#06141b
```
#06141b rgb(6,20,27)
```
#0a1f2b
```
#0a1f2b rgb(10,31,43)
```
#0d2b3b
```
#0d2b3b rgb(13,43,59)
```
#11364b
```
#11364b rgb(17,54,75)
```
#14425b
```
#14425b rgb(20,66,91)
```
#184e6b
```
#184e6b rgb(24,78,107)
```
#1c597b
```
#1c597b rgb(28,89,123)
```
#1f658b
```
#1f658b rgb(31,101,139)
```
#23719b
```
#23719b rgb(35,113,155)
```
#267cab
```
#267cab rgb(38,124,171)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#2e94cb
```
#2e94cb rgb(46,148,203)
```

Shade Color Variation

#3a9dd3
```
#3a9dd3 rgb(58,157,211)
```
#4aa5d6
```
#4aa5d6 rgb(74,165,214)
```
#5aadda
```
#5aadda rgb(90,173,218)
```
#6ab5dd
```
#6ab5dd rgb(106,181,221)
```
#7abde1
```
#7abde1 rgb(122,189,225)
```
#8ac5e5
```
#8ac5e5 rgb(138,197,229)
```
#9acde8
```
#9acde8 rgb(154,205,232)
```
#aad5ec
```
#aad5ec rgb(170,213,236)
```
#baddef
```
#baddef rgb(186,221,239)
```
#cae5f3
```
#cae5f3 rgb(202,229,243)
```
#daecf7
```
#daecf7 rgb(218,236,247)
```
#eaf4fa
```
#eaf4fa rgb(234,244,250)
```
#fafcfe
```
#fafcfe rgb(250,252,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 #0792de is the most saturated one.

#707375
```
#707375 rgb(112,115,117)
```
#68767d
```
#68767d rgb(104,118,125)
```
#5f7886
```
#5f7886 rgb(95,120,134)
```
#567b8f
```
#567b8f rgb(86,123,143)
```
#4d7e98
```
#4d7e98 rgb(77,126,152)
```
#4480a1
```
#4480a1 rgb(68,128,161)
```
#3c83a9
```
#3c83a9 rgb(60,131,169)
```
#3385b2
```
#3385b2 rgb(51,133,178)
```
#2a88bb
```
#2a88bb rgb(42,136,187)
```
#218bc4
```
#218bc4 rgb(33,139,196)
```
#188dcd
```
#188dcd rgb(24,141,205)
```
#1090d5
```
#1090d5 rgb(16,144,213)
```
#0792de
```
#0792de rgb(7,146,222)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7685b8 Protanopia 1% of men
#6a86c1 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#5a86b9 Protanomaly 1% of men, 0.01% of women
#5286bf Deuteranomaly 6% of men, 0.4% of women
#0f8fa8 Tritanomaly 0.01% of the population

#2a88bb hex color

#2a88bb Color Information

#2a88bb Color Conversion

Color Schemes with #2a88bb

Alternatives to #2a88bb

#2a88bb Preview

Shades and Tints of #2a88bb

Tones of #2a88bb

Color Blindness Simulator