#81a5bb hex color

In a RGB color space, hex #81a5bb is composed of 50.6% red, 64.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 11.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 202.8 degrees, a saturation of 29.9% and a lightness of 62%. #81a5bb color hex could be obtained by blending #ffffff with #034b77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 65
- B 73
RGB color chart
- C 31
- M 12
- Y 0
- K 27
CMYK color chart

● #81a5bb color description : Slightly desaturated blue.

The hexadecimal color #81a5bb has RGB values of R:129, G:165, B:187 and CMYK values of C:0.31, M:0.12, Y:0, K:0.27. Its decimal value is 8496571.

Hex triplet	81a5bb	`#81a5bb`
RGB Decimal	129, 165, 187	`rgb(129,165,187)`
RGB Percent	50.6, 64.7, 73.3	`rgb(50.6%,64.7%,73.3%)`
CMYK	31, 12, 0, 27
HSL	202.8°, 29.9, 62	`hsl(202.8,29.9%,62%)`
HSV (or HSB)	202.8°, 31, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.876, -6.989, -15.305
XYZ	31.476, 35.164, 52.14
xyY	0.265, 0.296, 35.164
CIE-LCH	65.876, 16.825, 245.457
CIE-LUV	65.876, -18.702, -22.208
Hunter-Lab	59.299, -9.027, -10.622
Binary	10000001, 10100101, 10111011

#81a5bb
```
#81a5bb rgb(129,165,187)
```
#bb9781
```
#bb9781 rgb(187,151,129)
```

Complementary Color

#81bbb4
```
#81bbb4 rgb(129,187,180)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#8188bb
```
#8188bb rgb(129,136,187)
```

Analogous Color

#bbb481
```
#bbb481 rgb(187,180,129)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#bb8188
```
#bb8188 rgb(187,129,136)
```

Split Complementary Color

#a5bb81
```
#a5bb81 rgb(165,187,129)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#bb81a5
```
#bb81a5 rgb(187,129,165)
```

Triadic Color

#81bb97
```
#81bb97 rgb(129,187,151)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#bb81a5
```
#bb81a5 rgb(187,129,165)
```
#bb9781
```
#bb9781 rgb(187,151,129)
```

Tetradic Color

#54809c
```
#54809c rgb(84,128,156)
```
#608da9
```
#608da9 rgb(96,141,169)
```
#7099b2
```
#7099b2 rgb(112,153,178)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#92b1c4
```
#92b1c4 rgb(146,177,196)
```
#a2bdcd
```
#a2bdcd rgb(162,189,205)
```
#b3c8d6
```
#b3c8d6 rgb(179,200,214)
```

Monochromatic Color

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

#81b4bb
```
#81b4bb rgb(129,180,187)
```
#81afbb
```
#81afbb rgb(129,175,187)
```
#81aabb
```
#81aabb rgb(129,170,187)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#81a0bb
```
#81a0bb rgb(129,160,187)
```
#819bbb
```
#819bbb rgb(129,155,187)
```
#8197bb
```
#8197bb rgb(129,151,187)
```

Similar Colors

Text with hexadecimal color #81a5bb

This text has a font color of #81a5bb.

<span style="color:#81a5bb;">Text here</span>

#81a5bb background color

This paragraph has a background color of #81a5bb.

<p style="background-color:#81a5bb;">Content here</p>

#81a5bb border color

This element has a border color of #81a5bb.

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

CSS codes

.text {color:#81a5bb;}

.background {background-color:#81a5bb;}

.border {border:1px solid #81a5bb;}

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, #010101 is the darkest color, while #f4f7f9 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#0f161b
```
#0f161b rgb(15,22,27)
```
#152128
```
#152128 rgb(21,33,40)
```
#1c2b34
```
#1c2b34 rgb(28,43,52)
```
#233641
```
#233641 rgb(35,54,65)
```
#2a404e
```
#2a404e rgb(42,64,78)
```
#314b5b
```
#314b5b rgb(49,75,91)
```
#385567
```
#385567 rgb(56,85,103)
```
#3f6074
```
#3f6074 rgb(63,96,116)
```
#466a81
```
#466a81 rgb(70,106,129)
```
#4c758e
```
#4c758e rgb(76,117,142)
```
#537f9a
```
#537f9a rgb(83,127,154)
```

Shade Color Variation

#5b8aa6
```
#5b8aa6 rgb(91,138,166)
```
#6893ad
```
#6893ad rgb(104,147,173)
```
#749cb4
```
#749cb4 rgb(116,156,180)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#8eaec2
```
#8eaec2 rgb(142,174,194)
```
#9ab7c9
```
#9ab7c9 rgb(154,183,201)
```
#a7c0d0
```
#a7c0d0 rgb(167,192,208)
```
#b4c9d7
```
#b4c9d7 rgb(180,201,215)
```
#c1d2dd
```
#c1d2dd rgb(193,210,221)
```
#cddce4
```
#cddce4 rgb(205,220,228)
```
#dae5eb
```
#dae5eb rgb(218,229,235)
```
#e7eef2
```
#e7eef2 rgb(231,238,242)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a0a5 is the less saturated color, while #3eb5fe is the most saturated one.

#97a0a5
```
#97a0a5 rgb(151,160,165)
```
#90a1ac
```
#90a1ac rgb(144,161,172)
```
#88a3b4
```
#88a3b4 rgb(136,163,180)
```
#81a5bb
```
#81a5bb rgb(129,165,187)
```
#7aa7c2
```
#7aa7c2 rgb(122,167,194)
```
#72a9ca
```
#72a9ca rgb(114,169,202)
```
#6baad1
```
#6baad1 rgb(107,170,209)
```
#63acd9
```
#63acd9 rgb(99,172,217)
```
#5caee0
```
#5caee0 rgb(92,174,224)
```
#54b0e8
```
#54b0e8 rgb(84,176,232)
```
#4db2ef
```
#4db2ef rgb(77,178,239)
```
#45b3f7
```
#45b3f7 rgb(69,179,247)
```
#3eb5fe
```
#3eb5fe rgb(62,181,254)
```

Tone Color Variation

Below, you can see how #81a5bb 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

#9d9d9d Achromatopsia 0.005% of the population
#979fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a3bb Protanopia 1% of men
#a5a1c1 Deuteranopia 1% of men
#85aab7 Tritanopia 0.001% of the population

Trichromacy

#95a4bb Protanomaly 1% of men, 0.01% of women
#98a2bf Deuteranomaly 6% of men, 0.4% of women
#83a8b8 Tritanomaly 0.01% of the population

#81a5bb hex color

#81a5bb Color Information

#81a5bb Color Conversion

Color Schemes with #81a5bb

Alternatives to #81a5bb

#81a5bb Preview

Shades and Tints of #81a5bb

Tones of #81a5bb

Color Blindness Simulator