#81b4f9 hex color

In a RGB color space, hex #81b4f9 is composed of 50.6% red, 70.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 27.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 214.5 degrees, a saturation of 90.9% and a lightness of 74.1%. #81b4f9 color hex could be obtained by blending #ffffff with #0369f3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 51
- G 71
- B 98
RGB color chart
- C 48
- M 28
- Y 0
- K 2
CMYK color chart

● #81b4f9 color description : Soft blue.

The hexadecimal color #81b4f9 has RGB values of R:129, G:180, B:249 and CMYK values of C:0.48, M:0.28, Y:0, K:0.02. Its decimal value is 8500473.

Hex triplet	81b4f9	`#81b4f9`
RGB Decimal	129, 180, 249	`rgb(129,180,249)`
RGB Percent	50.6, 70.6, 97.6	`rgb(50.6%,70.6%,97.6%)`
CMYK	48, 28, 0, 2
HSL	214.5°, 90.9, 74.1	`hsl(214.5,90.9%,74.1%)`
HSV (or HSB)	214.5°, 48.2, 97.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.327, 1.533, -39.425
XYZ	42.47, 44.147, 95.901
xyY	0.233, 0.242, 44.147
CIE-LCH	72.327, 39.455, 272.227
CIE-LUV	72.327, -25.064, -63.9
Hunter-Lab	66.443, -2.181, -39.066
Binary	10000001, 10110100, 11111001

#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#f9c681
```
#f9c681 rgb(249,198,129)
```

Complementary Color

#81f0f9
```
#81f0f9 rgb(129,240,249)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#8a81f9
```
#8a81f9 rgb(138,129,249)
```

Analogous Color

#f0f981
```
#f0f981 rgb(240,249,129)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#f98a81
```
#f98a81 rgb(249,138,129)
```

Split Complementary Color

#b4f981
```
#b4f981 rgb(180,249,129)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#f981b4
```
#f981b4 rgb(249,129,180)
```

Triadic Color

#81f9c6
```
#81f9c6 rgb(129,249,198)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#f981b4
```
#f981b4 rgb(249,129,180)
```
#f9c681
```
#f9c681 rgb(249,198,129)
```

Tetradic Color

#3889f6
```
#3889f6 rgb(56,137,246)
```
#5097f7
```
#5097f7 rgb(80,151,247)
```
#69a6f8
```
#69a6f8 rgb(105,166,248)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#99c2fa
```
#99c2fa rgb(153,194,250)
```
#b2d1fb
```
#b2d1fb rgb(178,209,251)
```
#cadffc
```
#cadffc rgb(202,223,252)
```

Monochromatic Color

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

#81d2f9
```
#81d2f9 rgb(129,210,249)
```
#81c8f9
```
#81c8f9 rgb(129,200,249)
```
#81bef9
```
#81bef9 rgb(129,190,249)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#81aaf9
```
#81aaf9 rgb(129,170,249)
```
#81a0f9
```
#81a0f9 rgb(129,160,249)
```
#8196f9
```
#8196f9 rgb(129,150,249)
```

Similar Colors

Text with hexadecimal color #81b4f9

This text has a font color of #81b4f9.

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

#81b4f9 background color

This paragraph has a background color of #81b4f9.

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

#81b4f9 border color

This element has a border color of #81b4f9.

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

CSS codes

.text {color:#81b4f9;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010b18
```
#010b18 rgb(1,11,24)
```
#02132b
```
#02132b rgb(2,19,43)
```
#031c3d
```
#031c3d rgb(3,28,61)
```
#042450
```
#042450 rgb(4,36,80)
```
#052d63
```
#052d63 rgb(5,45,99)
```
#063575
```
#063575 rgb(6,53,117)
```
#063e88
```
#063e88 rgb(6,62,136)
```
#07469b
```
#07469b rgb(7,70,155)
```
#084fae
```
#084fae rgb(8,79,174)
```
#0957c0
```
#0957c0 rgb(9,87,192)
```
#0a5fd3
```
#0a5fd3 rgb(10,95,211)
```
#0b68e6
```
#0b68e6 rgb(11,104,230)
```

Shade Color Variation

#1171f4
```
#1171f4 rgb(17,113,244)
```
#237cf5
```
#237cf5 rgb(35,124,245)
```
#3687f5
```
#3687f5 rgb(54,135,245)
```
#4993f6
```
#4993f6 rgb(73,147,246)
```
#5c9ef7
```
#5c9ef7 rgb(92,158,247)
```
#6ea9f8
```
#6ea9f8 rgb(110,169,248)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#94bffa
```
#94bffa rgb(148,191,250)
```
#a6cafb
```
#a6cafb rgb(166,202,251)
```
#b9d5fc
```
#b9d5fc rgb(185,213,252)
```
#cce1fd
```
#cce1fd rgb(204,225,253)
```
#dfecfd
```
#dfecfd rgb(223,236,253)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#b9bcc1
```
#b9bcc1 rgb(185,188,193)
```
#b4bcc6
```
#b4bcc6 rgb(180,188,198)
```
#afbbcb
```
#afbbcb rgb(175,187,203)
```
#aabad0
```
#aabad0 rgb(170,186,208)
```
#a5b9d5
```
#a5b9d5 rgb(165,185,213)
```
#9fb9db
```
#9fb9db rgb(159,185,219)
```
#9ab8e0
```
#9ab8e0 rgb(154,184,224)
```
#95b7e5
```
#95b7e5 rgb(149,183,229)
```
#90b6ea
```
#90b6ea rgb(144,182,234)
```
#8bb6ef
```
#8bb6ef rgb(139,182,239)
```
#86b5f4
```
#86b5f4 rgb(134,181,244)
```
#81b4f9
```
#81b4f9 rgb(129,180,249)
```
#7cb3fe
```
#7cb3fe rgb(124,179,254)
```

Tone Color Variation

Below, you can see how #81b4f9 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
#a4aebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb3f5 Protanopia 1% of men
#99b3fa Deuteranopia 1% of men
#76c0ce Tritanopia 0.001% of the population

Trichromacy

#94b3f7 Protanomaly 1% of men, 0.01% of women
#90b3fa Deuteranomaly 6% of men, 0.4% of women
#7abbdd Tritanomaly 0.01% of the population

#81b4f9 hex color

#81b4f9 Color Information

#81b4f9 Color Conversion

Color Schemes with #81b4f9

Alternatives to #81b4f9

#81b4f9 Preview

Shades and Tints of #81b4f9

Tones of #81b4f9

Color Blindness Simulator