#81a4f0 hex color

In a RGB color space, hex #81a4f0 is composed of 50.6% red, 64.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 31.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.1 degrees, a saturation of 78.7% and a lightness of 72.4%. #81a4f0 color hex could be obtained by blending #ffffff with #0349e1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 64
- B 94
RGB color chart
- C 46
- M 32
- Y 0
- K 6
CMYK color chart

● #81a4f0 color description : Soft blue.

The hexadecimal color #81a4f0 has RGB values of R:129, G:164, B:240 and CMYK values of C:0.46, M:0.32, Y:0, K:0.06. Its decimal value is 8496368.

Hex triplet	81a4f0	`#81a4f0`
RGB Decimal	129, 164, 240	`rgb(129,164,240)`
RGB Percent	50.6, 64.3, 94.1	`rgb(50.6%,64.3%,94.1%)`
CMYK	46, 32, 0, 6
HSL	221.1°, 78.7, 72.4	`hsl(221.1,78.7%,72.4%)`
HSV (or HSB)	221.1°, 46.3, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.656, 7.928, -41.827
XYZ	38.054, 37.508, 87.668
xyY	0.233, 0.23, 37.508
CIE-LCH	67.656, 42.571, 280.733
CIE-LUV	67.656, -18.997, -68.149
Hunter-Lab	61.244, 3.734, -42.001
Binary	10000001, 10100100, 11110000

#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#f0cd81
```
#f0cd81 rgb(240,205,129)
```

Complementary Color

#81dcf0
```
#81dcf0 rgb(129,220,240)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#9681f0
```
#9681f0 rgb(150,129,240)
```

Analogous Color

#dcf081
```
#dcf081 rgb(220,240,129)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#f09681
```
#f09681 rgb(240,150,129)
```

Split Complementary Color

#a4f081
```
#a4f081 rgb(164,240,129)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#f081a4
```
#f081a4 rgb(240,129,164)
```

Triadic Color

#81f0cd
```
#81f0cd rgb(129,240,205)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#f081a4
```
#f081a4 rgb(240,129,164)
```
#f0cd81
```
#f0cd81 rgb(240,205,129)
```

Tetradic Color

#3d73e8
```
#3d73e8 rgb(61,115,232)
```
#5383eb
```
#5383eb rgb(83,131,235)
```
#6a94ed
```
#6a94ed rgb(106,148,237)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#98b4f3
```
#98b4f3 rgb(152,180,243)
```
#afc5f5
```
#afc5f5 rgb(175,197,245)
```
#c5d5f8
```
#c5d5f8 rgb(197,213,248)
```

Monochromatic Color

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

#81c0f0
```
#81c0f0 rgb(129,192,240)
```
#81b7f0
```
#81b7f0 rgb(129,183,240)
```
#81adf0
```
#81adf0 rgb(129,173,240)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#819bf0
```
#819bf0 rgb(129,155,240)
```
#8192f0
```
#8192f0 rgb(129,146,240)
```
#8188f0
```
#8188f0 rgb(129,136,240)
```

Similar Colors

Text with hexadecimal color #81a4f0

This text has a font color of #81a4f0.

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

#81a4f0 background color

This paragraph has a background color of #81a4f0.

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

#81a4f0 border color

This element has a border color of #81a4f0.

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

CSS codes

.text {color:#81a4f0;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#040d20
```
#040d20 rgb(4,13,32)
```
#061431
```
#061431 rgb(6,20,49)
```
#081b43
```
#081b43 rgb(8,27,67)
```
#0a2154
```
#0a2154 rgb(10,33,84)
```
#0c2866
```
#0c2866 rgb(12,40,102)
```
#0e2f77
```
#0e2f77 rgb(14,47,119)
```
#103689
```
#103689 rgb(16,54,137)
```
#123d9a
```
#123d9a rgb(18,61,154)
```
#1444ac
```
#1444ac rgb(20,68,172)
```
#174bbe
```
#174bbe rgb(23,75,190)
```
#1952cf
```
#1952cf rgb(25,82,207)
```
#1b59e1
```
#1b59e1 rgb(27,89,225)
```

Shade Color Variation

#2965e6
```
#2965e6 rgb(41,101,230)
```
#3b71e8
```
#3b71e8 rgb(59,113,232)
```
#4c7eea
```
#4c7eea rgb(76,126,234)
```
#5e8bec
```
#5e8bec rgb(94,139,236)
```
#6f97ee
```
#6f97ee rgb(111,151,238)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#93b1f2
```
#93b1f2 rgb(147,177,242)
```
#a4bdf4
```
#a4bdf4 rgb(164,189,244)
```
#b6caf6
```
#b6caf6 rgb(182,202,246)
```
#c7d7f8
```
#c7d7f8 rgb(199,215,248)
```
#d9e3fa
```
#d9e3fa rgb(217,227,250)
```
#eaf0fd
```
#eaf0fd rgb(234,240,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b7b8ba
```
#b7b8ba rgb(183,184,186)
```
#b2b6bf
```
#b2b6bf rgb(178,182,191)
```
#acb4c5
```
#acb4c5 rgb(172,180,197)
```
#a7b2ca
```
#a7b2ca rgb(167,178,202)
```
#a2b0cf
```
#a2b0cf rgb(162,176,207)
```
#9caed5
```
#9caed5 rgb(156,174,213)
```
#97acda
```
#97acda rgb(151,172,218)
```
#91aae0
```
#91aae0 rgb(145,170,224)
```
#8ca8e5
```
#8ca8e5 rgb(140,168,229)
```
#86a6eb
```
#86a6eb rgb(134,166,235)
```
#81a4f0
```
#81a4f0 rgb(129,164,240)
```
#7ca2f5
```
#7ca2f5 rgb(124,162,245)
```
#76a0fb
```
#76a0fb rgb(118,160,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ba2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa7ef Protanopia 1% of men
#88a8f0 Deuteranopia 1% of men
#75b2bf Tritanopia 0.001% of the population

Trichromacy

#8aa5ef Protanomaly 1% of men, 0.01% of women
#85a6f0 Deuteranomaly 6% of men, 0.4% of women
#79add1 Tritanomaly 0.01% of the population

#81a4f0 hex color

#81a4f0 Color Information

#81a4f0 Color Conversion

Color Schemes with #81a4f0

Alternatives to #81a4f0

#81a4f0 Preview

Shades and Tints of #81a4f0

Tones of #81a4f0

Color Blindness Simulator