#81aaf8 hex color

In a RGB color space, hex #81aaf8 is composed of 50.6% red, 66.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 31.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 219.3 degrees, a saturation of 89.5% and a lightness of 73.9%. #81aaf8 color hex could be obtained by blending #ffffff with #0355f1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 67
- B 97
RGB color chart
- C 48
- M 31
- Y 0
- K 3
CMYK color chart

● #81aaf8 color description : Soft blue.

The hexadecimal color #81aaf8 has RGB values of R:129, G:170, B:248 and CMYK values of C:0.48, M:0.31, Y:0, K:0.03. Its decimal value is 8497912.

Hex triplet	81aaf8	`#81aaf8`
RGB Decimal	129, 170, 248	`rgb(129,170,248)`
RGB Percent	50.6, 66.7, 97.3	`rgb(50.6%,66.7%,97.3%)`
CMYK	48, 31, 0, 3
HSL	219.3°, 89.5, 73.9	`hsl(219.3,89.5%,73.9%)`
HSV (or HSB)	219.3°, 48, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.606, 6.847, -43.132
XYZ	40.368, 40.192, 94.433
xyY	0.231, 0.23, 40.192
CIE-LCH	69.606, 43.672, 279.02
CIE-LUV	69.606, -21.327, -70.518
Hunter-Lab	63.397, 2.713, -43.937
Binary	10000001, 10101010, 11111000

#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#f8cf81
```
#f8cf81 rgb(248,207,129)
```

Complementary Color

#81e6f8
```
#81e6f8 rgb(129,230,248)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#9481f8
```
#9481f8 rgb(148,129,248)
```

Analogous Color

#e6f881
```
#e6f881 rgb(230,248,129)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#f89481
```
#f89481 rgb(248,148,129)
```

Split Complementary Color

#aaf881
```
#aaf881 rgb(170,248,129)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#f881aa
```
#f881aa rgb(248,129,170)
```

Triadic Color

#81f8cf
```
#81f8cf rgb(129,248,207)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#f881aa
```
#f881aa rgb(248,129,170)
```
#f8cf81
```
#f8cf81 rgb(248,207,129)
```

Tetradic Color

#3979f4
```
#3979f4 rgb(57,121,244)
```
#5189f5
```
#5189f5 rgb(81,137,245)
```
#699af7
```
#699af7 rgb(105,154,247)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#99baf9
```
#99baf9 rgb(153,186,249)
```
#b1cbfb
```
#b1cbfb rgb(177,203,251)
```
#c9dbfc
```
#c9dbfc rgb(201,219,252)
```

Monochromatic Color

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

#81c8f8
```
#81c8f8 rgb(129,200,248)
```
#81bef8
```
#81bef8 rgb(129,190,248)
```
#81b4f8
```
#81b4f8 rgb(129,180,248)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#81a0f8
```
#81a0f8 rgb(129,160,248)
```
#8196f8
```
#8196f8 rgb(129,150,248)
```
#818cf8
```
#818cf8 rgb(129,140,248)
```

Similar Colors

Text with hexadecimal color #81aaf8

This text has a font color of #81aaf8.

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

#81aaf8 background color

This paragraph has a background color of #81aaf8.

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

#81aaf8 border color

This element has a border color of #81aaf8.

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

CSS codes

.text {color:#81aaf8;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#021029
```
#021029 rgb(2,16,41)
```
#03173c
```
#03173c rgb(3,23,60)
```
#041e4e
```
#041e4e rgb(4,30,78)
```
#052561
```
#052561 rgb(5,37,97)
```
#062c74
```
#062c74 rgb(6,44,116)
```
#073386
```
#073386 rgb(7,51,134)
```
#083a99
```
#083a99 rgb(8,58,153)
```
#0a41ab
```
#0a41ab rgb(10,65,171)
```
#0b48be
```
#0b48be rgb(11,72,190)
```
#0c4fd0
```
#0c4fd0 rgb(12,79,208)
```
#0d57e3
```
#0d57e3 rgb(13,87,227)
```

Shade Color Variation

#125ff2
```
#125ff2 rgb(18,95,242)
```
#246bf3
```
#246bf3 rgb(36,107,243)
```
#3778f4
```
#3778f4 rgb(55,120,244)
```
#4984f5
```
#4984f5 rgb(73,132,245)
```
#5c91f6
```
#5c91f6 rgb(92,145,246)
```
#6e9df7
```
#6e9df7 rgb(110,157,247)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#94b7f9
```
#94b7f9 rgb(148,183,249)
```
#a6c3fa
```
#a6c3fa rgb(166,195,250)
```
#b9d0fb
```
#b9d0fb rgb(185,208,251)
```
#cbdcfc
```
#cbdcfc rgb(203,220,252)
```
#dee9fd
```
#dee9fd rgb(222,233,253)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

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

#b9bbc0
```
#b9bbc0 rgb(185,187,192)
```
#b4bac5
```
#b4bac5 rgb(180,186,197)
```
#afb8ca
```
#afb8ca rgb(175,184,202)
```
#aab7cf
```
#aab7cf rgb(170,183,207)
```
#a5b5d4
```
#a5b5d4 rgb(165,181,212)
```
#a0b4d9
```
#a0b4d9 rgb(160,180,217)
```
#9bb2de
```
#9bb2de rgb(155,178,222)
```
#95b0e4
```
#95b0e4 rgb(149,176,228)
```
#90afe9
```
#90afe9 rgb(144,175,233)
```
#8badee
```
#8badee rgb(139,173,238)
```
#86acf3
```
#86acf3 rgb(134,172,243)
```
#81aaf8
```
#81aaf8 rgb(129,170,248)
```
#7ca8fd
```
#7ca8fd rgb(124,168,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9fa8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93abf6 Protanopia 1% of men
#8badf8 Deuteranopia 1% of men
#73b8c6 Tritanopia 0.001% of the population

Trichromacy

#8dabf7 Protanomaly 1% of men, 0.01% of women
#87acf8 Deuteranomaly 6% of men, 0.4% of women
#78b3d8 Tritanomaly 0.01% of the population

#81aaf8 hex color

#81aaf8 Color Information

#81aaf8 Color Conversion

Color Schemes with #81aaf8

Alternatives to #81aaf8

#81aaf8 Preview

Shades and Tints of #81aaf8

Tones of #81aaf8

Color Blindness Simulator