#5f81ac hex color

In a RGB color space, hex #5f81ac is composed of 37.3% red, 50.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 25% magenta, 0% yellow and 32.5% black. It has a hue angle of 213.5 degrees, a saturation of 31.7% and a lightness of 52.4%. #5f81ac color hex could be obtained by blending #beffff with #000359. Closest websafe color is: #669999.

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

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

The hexadecimal color #5f81ac has RGB values of R:95, G:129, B:172 and CMYK values of C:0.45, M:0.25, Y:0, K:0.33. Its decimal value is 6259116.

Hex triplet	5f81ac	`#5f81ac`
RGB Decimal	95, 129, 172	`rgb(95,129,172)`
RGB Percent	37.3, 50.6, 67.5	`rgb(37.3%,50.6%,67.5%)`
CMYK	45, 25, 0, 33
HSL	213.5°, 31.7, 52.4	`hsl(213.5,31.7%,52.4%)`
HSV (or HSB)	213.5°, 44.8, 67.5
Web Safe	669999	`#669999`

CIE-LAB	53.071, -0.253, -26.556
XYZ	20.014, 21.111, 42.048
xyY	0.241, 0.254, 21.111
CIE-LCH	53.071, 26.557, 269.454
CIE-LUV	53.071, -17.154, -39.887
Hunter-Lab	45.947, -2.653, -22.096
Binary	01011111, 10000001, 10101100

#5f81ac
```
#5f81ac rgb(95,129,172)
```
#ac8a5f
```
#ac8a5f rgb(172,138,95)
```

Complementary Color

#5fa8ac
```
#5fa8ac rgb(95,168,172)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#645fac
```
#645fac rgb(100,95,172)
```

Analogous Color

#a8ac5f
```
#a8ac5f rgb(168,172,95)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#ac645f
```
#ac645f rgb(172,100,95)
```

Split Complementary Color

#81ac5f
```
#81ac5f rgb(129,172,95)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#ac5f81
```
#ac5f81 rgb(172,95,129)
```

Triadic Color

#5fac8a
```
#5fac8a rgb(95,172,138)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#ac5f81
```
#ac5f81 rgb(172,95,129)
```
#ac8a5f
```
#ac8a5f rgb(172,138,95)
```

Tetradic Color

#415c7d
```
#415c7d rgb(65,92,125)
```
#4a688e
```
#4a688e rgb(74,104,142)
```
#52749f
```
#52749f rgb(82,116,159)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#708eb5
```
#708eb5 rgb(112,142,181)
```
#819bbd
```
#819bbd rgb(129,155,189)
```
#91a9c6
```
#91a9c6 rgb(145,169,198)
```

Monochromatic Color

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

#5f94ac
```
#5f94ac rgb(95,148,172)
```
#5f8eac
```
#5f8eac rgb(95,142,172)
```
#5f87ac
```
#5f87ac rgb(95,135,172)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#5f7bac
```
#5f7bac rgb(95,123,172)
```
#5f74ac
```
#5f74ac rgb(95,116,172)
```
#5f6eac
```
#5f6eac rgb(95,110,172)
```

Similar Colors

Text with hexadecimal color #5f81ac

This text has a font color of #5f81ac.

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

#5f81ac background color

This paragraph has a background color of #5f81ac.

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

#5f81ac border color

This element has a border color of #5f81ac.

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

CSS codes

.text {color:#5f81ac;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b0f15
```
#0b0f15 rgb(11,15,21)
```
#111922
```
#111922 rgb(17,25,34)
```
#18222f
```
#18222f rgb(24,34,47)
```
#1f2c3c
```
#1f2c3c rgb(31,44,60)
```
#263548
```
#263548 rgb(38,53,72)
```
#2c3e55
```
#2c3e55 rgb(44,62,85)
```
#334862
```
#334862 rgb(51,72,98)
```
#3a516f
```
#3a516f rgb(58,81,111)
```
#405b7c
```
#405b7c rgb(64,91,124)
```
#476489
```
#476489 rgb(71,100,137)
```
#4e6e96
```
#4e6e96 rgb(78,110,150)
```
#5477a3
```
#5477a3 rgb(84,119,163)
```

Shade Color Variation

#5f81ac
```
#5f81ac rgb(95,129,172)
```
#6c8bb3
```
#6c8bb3 rgb(108,139,179)
```
#7995b9
```
#7995b9 rgb(121,149,185)
```
#86a0c0
```
#86a0c0 rgb(134,160,192)
```
#93aac7
```
#93aac7 rgb(147,170,199)
```
#a0b4cd
```
#a0b4cd rgb(160,180,205)
```
#acbed4
```
#acbed4 rgb(172,190,212)
```
#b9c8db
```
#b9c8db rgb(185,200,219)
```
#c6d2e2
```
#c6d2e2 rgb(198,210,226)
```
#d3dde8
```
#d3dde8 rgb(211,221,232)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#848587
```
#848587 rgb(132,133,135)
```
#7b8490
```
#7b8490 rgb(123,132,144)
```
#728399
```
#728399 rgb(114,131,153)
```
#6882a3
```
#6882a3 rgb(104,130,163)
```
#5f81ac
```
#5f81ac rgb(95,129,172)
```
#5680b5
```
#5680b5 rgb(86,128,181)
```
#4c7fbf
```
#4c7fbf rgb(76,127,191)
```
#437ec8
```
#437ec8 rgb(67,126,200)
```
#3a7dd1
```
#3a7dd1 rgb(58,125,209)
```
#307cdb
```
#307cdb rgb(48,124,219)
```
#277ae4
```
#277ae4 rgb(39,122,228)
```
#1e79ed
```
#1e79ed rgb(30,121,237)
```
#1478f7
```
#1478f7 rgb(20,120,247)
```

Tone Color Variation

Below, you can see how #5f81ac 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
#767d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7883ad Protanopia 1% of men
#7683b1 Deuteranopia 1% of men
#5e8c96 Tritanopia 0.001% of the population

Trichromacy

#6f82ad Protanomaly 1% of men, 0.01% of women
#6e82af Deuteranomaly 6% of men, 0.4% of women
#5e889e Tritanomaly 0.01% of the population

#5f81ac hex color

#5f81ac Color Information

#5f81ac Color Conversion

Color Schemes with #5f81ac

Alternatives to #5f81ac

#5f81ac Preview

Shades and Tints of #5f81ac

Tones of #5f81ac

Color Blindness Simulator