#81a5f9 hex color

In a RGB color space, hex #81a5f9 is composed of 50.6% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 222 degrees, a saturation of 90.9% and a lightness of 74.1%. #81a5f9 color hex could be obtained by blending #ffffff with #034bf3. Closest websafe color is: #9999ff.

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

● #81a5f9 color description : Soft blue.

The hexadecimal color #81a5f9 has RGB values of R:129, G:165, B:249 and CMYK values of C:0.48, M:0.34, Y:0, K:0.02. Its decimal value is 8496633.

Hex triplet	81a5f9	`#81a5f9`
RGB Decimal	129, 165, 249	`rgb(129,165,249)`
RGB Percent	50.6, 64.7, 97.6	`rgb(50.6%,64.7%,97.6%)`
CMYK	48, 34, 0, 2
HSL	222°, 90.9, 74.1	`hsl(222,90.9%,74.1%)`
HSV (or HSB)	222°, 48.2, 97.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.326, 9.98, -45.685
XYZ	39.604, 38.415, 94.945
xyY	0.229, 0.222, 38.415
CIE-LCH	68.326, 46.762, 282.323
CIE-LUV	68.326, -19.501, -75.028
Hunter-Lab	61.98, 5.592, -47.439
Binary	10000001, 10100101, 11111001

#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#f9d581
```
#f9d581 rgb(249,213,129)
```

Complementary Color

#81e1f9
```
#81e1f9 rgb(129,225,249)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#9981f9
```
#9981f9 rgb(153,129,249)
```

Analogous Color

#e1f981
```
#e1f981 rgb(225,249,129)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#f99981
```
#f99981 rgb(249,153,129)
```

Split Complementary Color

#a5f981
```
#a5f981 rgb(165,249,129)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#f981a5
```
#f981a5 rgb(249,129,165)
```

Triadic Color

#81f9d5
```
#81f9d5 rgb(129,249,213)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#f981a5
```
#f981a5 rgb(249,129,165)
```
#f9d581
```
#f9d581 rgb(249,213,129)
```

Tetradic Color

#3871f6
```
#3871f6 rgb(56,113,246)
```
#5082f7
```
#5082f7 rgb(80,130,247)
```
#6994f8
```
#6994f8 rgb(105,148,248)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#99b6fa
```
#99b6fa rgb(153,182,250)
```
#b2c8fb
```
#b2c8fb rgb(178,200,251)
```
#cad9fc
```
#cad9fc rgb(202,217,252)
```

Monochromatic Color

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

#81c3f9
```
#81c3f9 rgb(129,195,249)
```
#81b9f9
```
#81b9f9 rgb(129,185,249)
```
#81aff9
```
#81aff9 rgb(129,175,249)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#819bf9
```
#819bf9 rgb(129,155,249)
```
#8191f9
```
#8191f9 rgb(129,145,249)
```
#8187f9
```
#8187f9 rgb(129,135,249)
```

Similar Colors

Text with hexadecimal color #81a5f9

This text has a font color of #81a5f9.

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

#81a5f9 background color

This paragraph has a background color of #81a5f9.

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

#81a5f9 border color

This element has a border color of #81a5f9.

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

CSS codes

.text {color:#81a5f9;}

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

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

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 #f1f5fe is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020e2b
```
#020e2b rgb(2,14,43)
```
#03143d
```
#03143d rgb(3,20,61)
```
#041b50
```
#041b50 rgb(4,27,80)
```
#052163
```
#052163 rgb(5,33,99)
```
#062775
```
#062775 rgb(6,39,117)
```
#062d88
```
#062d88 rgb(6,45,136)
```
#07349b
```
#07349b rgb(7,52,155)
```
#083aae
```
#083aae rgb(8,58,174)
```
#0940c0
```
#0940c0 rgb(9,64,192)
```
#0a46d3
```
#0a46d3 rgb(10,70,211)
```
#0b4de6
```
#0b4de6 rgb(11,77,230)
```

Shade Color Variation

#1155f4
```
#1155f4 rgb(17,85,244)
```
#2362f5
```
#2362f5 rgb(35,98,245)
```
#3670f5
```
#3670f5 rgb(54,112,245)
```
#497df6
```
#497df6 rgb(73,125,246)
```
#5c8af7
```
#5c8af7 rgb(92,138,247)
```
#6e98f8
```
#6e98f8 rgb(110,152,248)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#94b2fa
```
#94b2fa rgb(148,178,250)
```
#a6c0fb
```
#a6c0fb rgb(166,192,251)
```
#b9cdfc
```
#b9cdfc rgb(185,205,252)
```
#ccdafd
```
#ccdafd rgb(204,218,253)
```
#dfe8fd
```
#dfe8fd rgb(223,232,253)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#b9bbc1
```
#b9bbc1 rgb(185,187,193)
```
#b4b9c6
```
#b4b9c6 rgb(180,185,198)
```
#afb7cb
```
#afb7cb rgb(175,183,203)
```
#aab5d0
```
#aab5d0 rgb(170,181,208)
```
#a5b3d5
```
#a5b3d5 rgb(165,179,213)
```
#9fb1db
```
#9fb1db rgb(159,177,219)
```
#9aafe0
```
#9aafe0 rgb(154,175,224)
```
#95ade5
```
#95ade5 rgb(149,173,229)
```
#90abea
```
#90abea rgb(144,171,234)
```
#8ba9ef
```
#8ba9ef rgb(139,169,239)
```
#86a7f4
```
#86a7f4 rgb(134,167,244)
```
#81a5f9
```
#81a5f9 rgb(129,165,249)
```
#7ca3fe
```
#7ca3fe rgb(124,163,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da8f8 Protanopia 1% of men
#83aaf8 Deuteranopia 1% of men
#71b5c2 Tritanopia 0.001% of the population

Trichromacy

#88a7f8 Protanomaly 1% of men, 0.01% of women
#82a8f8 Deuteranomaly 6% of men, 0.4% of women
#77afd6 Tritanomaly 0.01% of the population

#81a5f9 hex color

#81a5f9 Color Information

#81a5f9 Color Conversion

Color Schemes with #81a5f9

Alternatives to #81a5f9

#81a5f9 Preview

Shades and Tints of #81a5f9

Tones of #81a5f9

Color Blindness Simulator