#5f81ab hex color

In a RGB color space, hex #5f81ab is composed of 37.3% red, 50.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 24.6% magenta, 0% yellow and 32.9% black. It has a hue angle of 213.2 degrees, a saturation of 31.1% and a lightness of 52.2%. #5f81ab color hex could be obtained by blending #beffff with #000357. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 51
- B 67
RGB color chart
- C 44
- M 25
- Y 0
- K 33
CMYK color chart

● #5f81ab color description : Mostly desaturated dark blue.

The hexadecimal color #5f81ab has RGB values of R:95, G:129, B:171 and CMYK values of C:0.44, M:0.25, Y:0, K:0.33. Its decimal value is 6259115.

Hex triplet	5f81ab	`#5f81ab`
RGB Decimal	95, 129, 171	`rgb(95,129,171)`
RGB Percent	37.3, 50.6, 67.1	`rgb(37.3%,50.6%,67.1%)`
CMYK	44, 25, 0, 33
HSL	213.2°, 31.1, 52.2	`hsl(213.2,31.1%,52.2%)`
HSV (or HSB)	213.2°, 44.4, 67.1
Web Safe	669999	`#669999`

CIE-LAB	53.029, -0.548, -26.043
XYZ	19.919, 21.073, 41.544
xyY	0.241, 0.255, 21.073
CIE-LCH	53.029, 26.049, 268.794
CIE-LUV	53.029, -17.149, -39.03
Hunter-Lab	45.905, -2.881, -21.523
Binary	01011111, 10000001, 10101011

#5f81ab
```
#5f81ab rgb(95,129,171)
```
#ab895f
```
#ab895f rgb(171,137,95)
```

Complementary Color

#5fa7ab
```
#5fa7ab rgb(95,167,171)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#635fab
```
#635fab rgb(99,95,171)
```

Analogous Color

#a7ab5f
```
#a7ab5f rgb(167,171,95)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#ab635f
```
#ab635f rgb(171,99,95)
```

Split Complementary Color

#81ab5f
```
#81ab5f rgb(129,171,95)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#ab5f81
```
#ab5f81 rgb(171,95,129)
```

Triadic Color

#5fab89
```
#5fab89 rgb(95,171,137)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#ab5f81
```
#ab5f81 rgb(171,95,129)
```
#ab895f
```
#ab895f rgb(171,137,95)
```

Tetradic Color

#415c7c
```
#415c7c rgb(65,92,124)
```
#4a688d
```
#4a688d rgb(74,104,141)
```
#53749e
```
#53749e rgb(83,116,158)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#708eb4
```
#708eb4 rgb(112,142,180)
```
#809bbd
```
#809bbd rgb(128,155,189)
```
#91a9c5
```
#91a9c5 rgb(145,169,197)
```

Monochromatic Color

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

#5f94ab
```
#5f94ab rgb(95,148,171)
```
#5f8eab
```
#5f8eab rgb(95,142,171)
```
#5f87ab
```
#5f87ab rgb(95,135,171)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#5f7bab
```
#5f7bab rgb(95,123,171)
```
#5f74ab
```
#5f74ab rgb(95,116,171)
```
#5f6eab
```
#5f6eab rgb(95,110,171)
```

Similar Colors

Text with hexadecimal color #5f81ab

This text has a font color of #5f81ab.

<span style="color:#5f81ab;">Text here</span>

#5f81ab background color

This paragraph has a background color of #5f81ab.

<p style="background-color:#5f81ab;">Content here</p>

#5f81ab border color

This element has a border color of #5f81ab.

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

CSS codes

.text {color:#5f81ab;}

.background {background-color:#5f81ab;}

.border {border:1px solid #5f81ab;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0f14
```
#0b0f14 rgb(11,15,20)
```
#111821
```
#111821 rgb(17,24,33)
```
#18222e
```
#18222e rgb(24,34,46)
```
#1f2b3b
```
#1f2b3b rgb(31,43,59)
```
#263548
```
#263548 rgb(38,53,72)
```
#2c3e54
```
#2c3e54 rgb(44,62,84)
```
#334861
```
#334861 rgb(51,72,97)
```
#3a516e
```
#3a516e rgb(58,81,110)
```
#415b7b
```
#415b7b rgb(65,91,123)
```
#476488
```
#476488 rgb(71,100,136)
```
#4e6e95
```
#4e6e95 rgb(78,110,149)
```
#5577a2
```
#5577a2 rgb(85,119,162)
```

Shade Color Variation

#5f81ab
```
#5f81ab rgb(95,129,171)
```
#6c8bb2
```
#6c8bb2 rgb(108,139,178)
```
#7995b9
```
#7995b9 rgb(121,149,185)
```
#869fbf
```
#869fbf rgb(134,159,191)
```
#92aac6
```
#92aac6 rgb(146,170,198)
```
#9fb4cd
```
#9fb4cd rgb(159,180,205)
```
#acbed4
```
#acbed4 rgb(172,190,212)
```
#b9c8da
```
#b9c8da rgb(185,200,218)
```
#c6d2e1
```
#c6d2e1 rgb(198,210,225)
```
#d3dce8
```
#d3dce8 rgb(211,220,232)
```
#e0e6ef
```
#e0e6ef rgb(224,230,239)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#7b848f
```
#7b848f rgb(123,132,143)
```
#728398
```
#728398 rgb(114,131,152)
```
#6882a2
```
#6882a2 rgb(104,130,162)
```
#5f81ab
```
#5f81ab rgb(95,129,171)
```
#5680b4
```
#5680b4 rgb(86,128,180)
```
#4c7fbe
```
#4c7fbe rgb(76,127,190)
```
#437ec7
```
#437ec7 rgb(67,126,199)
```
#397dd1
```
#397dd1 rgb(57,125,209)
```
#307cda
```
#307cda rgb(48,124,218)
```
#277be3
```
#277be3 rgb(39,123,227)
```
#1d7aed
```
#1d7aed rgb(29,122,237)
```
#1479f6
```
#1479f6 rgb(20,121,246)
```

Tone Color Variation

Below, you can see how #5f81ab 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

#7c7c7c Achromatopsia 0.005% of the population
#767d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7983ac Protanopia 1% of men
#7783b0 Deuteranopia 1% of men
#5e8c96 Tritanopia 0.001% of the population

Trichromacy

#6f82ac Protanomaly 1% of men, 0.01% of women
#6e82ae Deuteranomaly 6% of men, 0.4% of women
#5e889d Tritanomaly 0.01% of the population

#5f81ab hex color

#5f81ab Color Information

#5f81ab Color Conversion

Color Schemes with #5f81ab

Alternatives to #5f81ab

#5f81ab Preview

Shades and Tints of #5f81ab

Tones of #5f81ab

Color Blindness Simulator