#81b5f5 hex color

In a RGB color space, hex #81b5f5 is composed of 50.6% red, 71% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 26.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 213.1 degrees, a saturation of 85.3% and a lightness of 73.3%. #81b5f5 color hex could be obtained by blending #ffffff with #036beb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 51
- G 71
- B 96
RGB color chart
- C 47
- M 26
- Y 0
- K 4
CMYK color chart

● #81b5f5 color description : Soft blue.

The hexadecimal color #81b5f5 has RGB values of R:129, G:181, B:245 and CMYK values of C:0.47, M:0.26, Y:0, K:0.04. Its decimal value is 8500725.

Hex triplet	81b5f5	`#81b5f5`
RGB Decimal	129, 181, 245	`rgb(129,181,245)`
RGB Percent	50.6, 71, 96.1	`rgb(50.6%,71%,96.1%)`
CMYK	47, 26, 0, 4
HSL	213.1°, 85.3, 73.3	`hsl(213.1,85.3%,73.3%)`
HSV (or HSB)	213.1°, 47.3, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.432, -0.169, -37.098
XYZ	42.055, 44.305, 92.717
xyY	0.235, 0.247, 44.305
CIE-LCH	72.432, 37.098, 269.738
CIE-LUV	72.432, -25.444, -59.725
Hunter-Lab	66.562, -3.706, -35.993
Binary	10000001, 10110101, 11110101

#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#f5c181
```
#f5c181 rgb(245,193,129)
```

Complementary Color

#81eff5
```
#81eff5 rgb(129,239,245)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#8781f5
```
#8781f5 rgb(135,129,245)
```

Analogous Color

#eff581
```
#eff581 rgb(239,245,129)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#f58781
```
#f58781 rgb(245,135,129)
```

Split Complementary Color

#b5f581
```
#b5f581 rgb(181,245,129)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#f581b5
```
#f581b5 rgb(245,129,181)
```

Triadic Color

#81f5c1
```
#81f5c1 rgb(129,245,193)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#f581b5
```
#f581b5 rgb(245,129,181)
```
#f5c181
```
#f5c181 rgb(245,193,129)
```

Tetradic Color

#3a8bef
```
#3a8bef rgb(58,139,239)
```
#5299f1
```
#5299f1 rgb(82,153,241)
```
#69a7f3
```
#69a7f3 rgb(105,167,243)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#99c3f7
```
#99c3f7 rgb(153,195,247)
```
#b0d1f9
```
#b0d1f9 rgb(176,209,249)
```
#c8dffb
```
#c8dffb rgb(200,223,251)
```

Monochromatic Color

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

#81d2f5
```
#81d2f5 rgb(129,210,245)
```
#81c8f5
```
#81c8f5 rgb(129,200,245)
```
#81bff5
```
#81bff5 rgb(129,191,245)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#81abf5
```
#81abf5 rgb(129,171,245)
```
#81a2f5
```
#81a2f5 rgb(129,162,245)
```
#8198f5
```
#8198f5 rgb(129,152,245)
```

Similar Colors

Text with hexadecimal color #81b5f5

This text has a font color of #81b5f5.

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

#81b5f5 background color

This paragraph has a background color of #81b5f5.

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

#81b5f5 border color

This element has a border color of #81b5f5.

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

CSS codes

.text {color:#81b5f5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020a13
```
#020a13 rgb(2,10,19)
```
#031226
```
#031226 rgb(3,18,38)
```
#041b38
```
#041b38 rgb(4,27,56)
```
#06244a
```
#06244a rgb(6,36,74)
```
#072d5c
```
#072d5c rgb(7,45,92)
```
#09366e
```
#09366e rgb(9,54,110)
```
#0a3f80
```
#0a3f80 rgb(10,63,128)
```
#0c4893
```
#0c4893 rgb(12,72,147)
```
#0d51a5
```
#0d51a5 rgb(13,81,165)
```
#0f5ab7
```
#0f5ab7 rgb(15,90,183)
```
#1063c9
```
#1063c9 rgb(16,99,201)
```
#116cdb
```
#116cdb rgb(17,108,219)
```

Shade Color Variation

#1475ec
```
#1475ec rgb(20,117,236)
```
#2680ee
```
#2680ee rgb(38,128,238)
```
#388aef
```
#388aef rgb(56,138,239)
```
#4a95f1
```
#4a95f1 rgb(74,149,241)
```
#5da0f2
```
#5da0f2 rgb(93,160,242)
```
#6faaf4
```
#6faaf4 rgb(111,170,244)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#93c0f6
```
#93c0f6 rgb(147,192,246)
```
#a5caf8
```
#a5caf8 rgb(165,202,248)
```
#b8d5f9
```
#b8d5f9 rgb(184,213,249)
```
#cae0fb
```
#cae0fb rgb(202,224,251)
```
#dceafc
```
#dceafc rgb(220,234,252)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

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

#bbbbbb
```
#bbbbbb rgb(187,187,187)
```
#b5bac1
```
#b5bac1 rgb(181,186,193)
```
#b0bac6
```
#b0bac6 rgb(176,186,198)
```
#abb9cb
```
#abb9cb rgb(171,185,203)
```
#a6b9d0
```
#a6b9d0 rgb(166,185,208)
```
#a0b8d6
```
#a0b8d6 rgb(160,184,214)
```
#9bb8db
```
#9bb8db rgb(155,184,219)
```
#96b7e0
```
#96b7e0 rgb(150,183,224)
```
#91b7e5
```
#91b7e5 rgb(145,183,229)
```
#8bb6eb
```
#8bb6eb rgb(139,182,235)
```
#86b6f0
```
#86b6f0 rgb(134,182,240)
```
#81b5f5
```
#81b5f5 rgb(129,181,245)
```
#7cb4fa
```
#7cb4fa rgb(124,180,250)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b3f1 Protanopia 1% of men
#9cb3f7 Deuteranopia 1% of men
#78c0ce Tritanopia 0.001% of the population

Trichromacy

#96b4f2 Protanomaly 1% of men, 0.01% of women
#92b4f6 Deuteranomaly 6% of men, 0.4% of women
#7bbcdc Tritanomaly 0.01% of the population

#81b5f5 hex color

#81b5f5 Color Information

#81b5f5 Color Conversion

Color Schemes with #81b5f5

Alternatives to #81b5f5

#81b5f5 Preview

Shades and Tints of #81b5f5

Tones of #81b5f5

Color Blindness Simulator