#81a5fa hex color

In a RGB color space, hex #81a5fa is composed of 50.6% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 222.1 degrees, a saturation of 92.4% and a lightness of 74.3%. #81a5fa color hex could be obtained by blending #ffffff with #034bf5. 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

● #81a5fa color description : Soft blue.

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

Hex triplet	81a5fa	`#81a5fa`
RGB Decimal	129, 165, 250	`rgb(129,165,250)`
RGB Percent	50.6, 64.7, 98	`rgb(50.6%,64.7%,98%)`
CMYK	48, 34, 0, 2
HSL	222.1°, 92.4, 74.3	`hsl(222.1,92.4%,74.3%)`
HSV (or HSB)	222.1°, 48.4, 98
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.371, 10.274, -46.157
XYZ	39.76, 38.478, 95.769
xyY	0.228, 0.221, 38.478
CIE-LCH	68.371, 47.287, 282.549
CIE-LUV	68.371, -19.515, -75.87
Hunter-Lab	62.03, 5.861, -48.117
Binary	10000001, 10100101, 11111010

#81a5fa
```
#81a5fa rgb(129,165,250)
```
#fad681
```
#fad681 rgb(250,214,129)
```

Complementary Color

#81e2fa
```
#81e2fa rgb(129,226,250)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#9a81fa
```
#9a81fa rgb(154,129,250)
```

Analogous Color

#e2fa81
```
#e2fa81 rgb(226,250,129)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#fa9a81
```
#fa9a81 rgb(250,154,129)
```

Split Complementary Color

#a5fa81
```
#a5fa81 rgb(165,250,129)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#fa81a5
```
#fa81a5 rgb(250,129,165)
```

Triadic Color

#81fad6
```
#81fad6 rgb(129,250,214)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#fa81a5
```
#fa81a5 rgb(250,129,165)
```
#fad681
```
#fad681 rgb(250,214,129)
```

Tetradic Color

#3770f7
```
#3770f7 rgb(55,112,247)
```
#5082f8
```
#5082f8 rgb(80,130,248)
```
#6893f9
```
#6893f9 rgb(104,147,249)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#9ab7fb
```
#9ab7fb rgb(154,183,251)
```
#b2c8fc
```
#b2c8fc rgb(178,200,252)
```
#cbdafd
```
#cbdafd rgb(203,218,253)
```

Monochromatic Color

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

#81c3fa
```
#81c3fa rgb(129,195,250)
```
#81b9fa
```
#81b9fa rgb(129,185,250)
```
#81affa
```
#81affa rgb(129,175,250)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#819bfa
```
#819bfa rgb(129,155,250)
```
#8191fa
```
#8191fa rgb(129,145,250)
```
#8187fa
```
#8187fa rgb(129,135,250)
```

Similar Colors

Text with hexadecimal color #81a5fa

This text has a font color of #81a5fa.

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

#81a5fa background color

This paragraph has a background color of #81a5fa.

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

#81a5fa border color

This element has a border color of #81a5fa.

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

CSS codes

.text {color:#81a5fa;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010819
```
#010819 rgb(1,8,25)
```
#020e2c
```
#020e2c rgb(2,14,44)
```
#02143f
```
#02143f rgb(2,20,63)
```
#031b52
```
#031b52 rgb(3,27,82)
```
#042164
```
#042164 rgb(4,33,100)
```
#052777
```
#052777 rgb(5,39,119)
```
#052d8a
```
#052d8a rgb(5,45,138)
```
#06339d
```
#06339d rgb(6,51,157)
```
#0739b0
```
#0739b0 rgb(7,57,176)
```
#083fc3
```
#083fc3 rgb(8,63,195)
```
#0846d6
```
#0846d6 rgb(8,70,214)
```
#094ce8
```
#094ce8 rgb(9,76,232)
```

Shade Color Variation

#1054f6
```
#1054f6 rgb(16,84,246)
```
#2362f6
```
#2362f6 rgb(35,98,246)
```
#366ff7
```
#366ff7 rgb(54,111,247)
```
#487df8
```
#487df8 rgb(72,125,248)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#6e98f9
```
#6e98f9 rgb(110,152,249)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#94b2fb
```
#94b2fb rgb(148,178,251)
```
#a7c0fb
```
#a7c0fb rgb(167,192,251)
```
#bacdfc
```
#bacdfc rgb(186,205,252)
```
#ccdbfd
```
#ccdbfd rgb(204,219,253)
```
#dfe8fe
```
#dfe8fe rgb(223,232,254)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#bdbdbe
```
#bdbdbe rgb(189,189,190)
```
#b8bbc3
```
#b8bbc3 rgb(184,187,195)
```
#b3b9c8
```
#b3b9c8 rgb(179,185,200)
```
#aeb7cd
```
#aeb7cd rgb(174,183,205)
```
#a9b5d2
```
#a9b5d2 rgb(169,181,210)
```
#a4b3d7
```
#a4b3d7 rgb(164,179,215)
```
#9fb1dc
```
#9fb1dc rgb(159,177,220)
```
#9aafe1
```
#9aafe1 rgb(154,175,225)
```
#95ade6
```
#95ade6 rgb(149,173,230)
```
#90abeb
```
#90abeb rgb(144,171,235)
```
#8ba9f0
```
#8ba9f0 rgb(139,169,240)
```
#86a7f5
```
#86a7f5 rgb(134,167,245)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```

Tone Color Variation

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

#8ca8f9 Protanopia 1% of men
#82aaf9 Deuteranopia 1% of men
#71b5c2 Tritanopia 0.001% of the population

Trichromacy

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

#81a5fa hex color

#81a5fa Color Information

#81a5fa Color Conversion

Color Schemes with #81a5fa

Alternatives to #81a5fa

#81a5fa Preview

Shades and Tints of #81a5fa

Tones of #81a5fa

Color Blindness Simulator