#5f85ab hex color

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

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

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

The hexadecimal color #5f85ab has RGB values of R:95, G:133, B:171 and CMYK values of C:0.44, M:0.22, Y:0, K:0.33. Its decimal value is 6260139.

Hex triplet	5f85ab	`#5f85ab`
RGB Decimal	95, 133, 171	`rgb(95,133,171)`
RGB Percent	37.3, 52.2, 67.1	`rgb(37.3%,52.2%,67.1%)`
CMYK	44, 22, 0, 33
HSL	210°, 31.1, 52.2	`hsl(210,31.1%,52.2%)`
HSV (or HSB)	210°, 44.4, 67.1
Web Safe	669999	`#669999`

CIE-LAB	54.183, -2.875, -24.262
XYZ	20.456, 22.147, 41.723
xyY	0.243, 0.263, 22.147
CIE-LCH	54.183, 24.432, 263.242
CIE-LUV	54.183, -18.738, -36.058
Hunter-Lab	47.061, -4.768, -19.622
Binary	01011111, 10000101, 10101011

#5f85ab
```
#5f85ab rgb(95,133,171)
```
#ab855f
```
#ab855f rgb(171,133,95)
```

Complementary Color

#5fabab
```
#5fabab rgb(95,171,171)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#5f5fab
```
#5f5fab rgb(95,95,171)
```

Analogous Color

#abab5f
```
#abab5f rgb(171,171,95)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#ab5f5f
```
#ab5f5f rgb(171,95,95)
```

Split Complementary Color

#85ab5f
```
#85ab5f rgb(133,171,95)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#ab5f85
```
#ab5f85 rgb(171,95,133)
```

Triadic Color

#5fab85
```
#5fab85 rgb(95,171,133)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#ab5f85
```
#ab5f85 rgb(171,95,133)
```
#ab855f
```
#ab855f rgb(171,133,95)
```

Tetradic Color

#415f7c
```
#415f7c rgb(65,95,124)
```
#4a6c8d
```
#4a6c8d rgb(74,108,141)
```
#53789e
```
#53789e rgb(83,120,158)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#7092b4
```
#7092b4 rgb(112,146,180)
```
#809fbd
```
#809fbd rgb(128,159,189)
```
#91abc5
```
#91abc5 rgb(145,171,197)
```

Monochromatic Color

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

#5f98ab
```
#5f98ab rgb(95,152,171)
```
#5f92ab
```
#5f92ab rgb(95,146,171)
```
#5f8bab
```
#5f8bab rgb(95,139,171)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#5f7fab
```
#5f7fab rgb(95,127,171)
```
#5f78ab
```
#5f78ab rgb(95,120,171)
```
#5f72ab
```
#5f72ab rgb(95,114,171)
```

Similar Colors

Text with hexadecimal color #5f85ab

This text has a font color of #5f85ab.

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

#5f85ab background color

This paragraph has a background color of #5f85ab.

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

#5f85ab border color

This element has a border color of #5f85ab.

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

CSS codes

.text {color:#5f85ab;}

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

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

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)
```
#111921
```
#111921 rgb(17,25,33)
```
#18232e
```
#18232e rgb(24,35,46)
```
#1f2d3b
```
#1f2d3b rgb(31,45,59)
```
#263748
```
#263748 rgb(38,55,72)
```
#2c4054
```
#2c4054 rgb(44,64,84)
```
#334a61
```
#334a61 rgb(51,74,97)
```
#3a546e
```
#3a546e rgb(58,84,110)
```
#415e7b
```
#415e7b rgb(65,94,123)
```
#476888
```
#476888 rgb(71,104,136)
```
#4e7195
```
#4e7195 rgb(78,113,149)
```
#557ba2
```
#557ba2 rgb(85,123,162)
```

Shade Color Variation

#5f85ab
```
#5f85ab rgb(95,133,171)
```
#6c8fb2
```
#6c8fb2 rgb(108,143,178)
```
#7999b9
```
#7999b9 rgb(121,153,185)
```
#86a2bf
```
#86a2bf rgb(134,162,191)
```
#92acc6
```
#92acc6 rgb(146,172,198)
```
#9fb6cd
```
#9fb6cd rgb(159,182,205)
```
#acc0d4
```
#acc0d4 rgb(172,192,212)
```
#b9cada
```
#b9cada rgb(185,202,218)
```
#c6d3e1
```
#c6d3e1 rgb(198,211,225)
```
#d3dde8
```
#d3dde8 rgb(211,221,232)
```
#e0e7ef
```
#e0e7ef rgb(224,231,239)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,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 #1485f6 is the most saturated one.

#858585
```
#858585 rgb(133,133,133)
```
#7b858f
```
#7b858f rgb(123,133,143)
```
#728598
```
#728598 rgb(114,133,152)
```
#6885a2
```
#6885a2 rgb(104,133,162)
```
#5f85ab
```
#5f85ab rgb(95,133,171)
```
#5685b4
```
#5685b4 rgb(86,133,180)
```
#4c85be
```
#4c85be rgb(76,133,190)
```
#4385c7
```
#4385c7 rgb(67,133,199)
```
#3985d1
```
#3985d1 rgb(57,133,209)
```
#3085da
```
#3085da rgb(48,133,218)
```
#2785e3
```
#2785e3 rgb(39,133,227)
```
#1d85ed
```
#1d85ed rgb(29,133,237)
```
#1485f6
```
#1485f6 rgb(20,133,246)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#787f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d86ac Protanopia 1% of men
#7c86b1 Deuteranopia 1% of men
#5f8f99 Tritanopia 0.001% of the population

Trichromacy

#7286ab Protanomaly 1% of men, 0.01% of women
#7185ae Deuteranomaly 6% of men, 0.4% of women
#5f8ba0 Tritanomaly 0.01% of the population

#5f85ab hex color

#5f85ab Color Information

#5f85ab Color Conversion

Color Schemes with #5f85ab

Alternatives to #5f85ab

#5f85ab Preview

Shades and Tints of #5f85ab

Tones of #5f85ab

Color Blindness Simulator