colorhexa.com

#5f85a3 hex color

In a RGB color space, hex #5f85a3 is composed of 37.3% red, 52.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 18.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 206.5 degrees, a saturation of 27% and a lightness of 50.6%. #5f85a3 color hex could be obtained by blending #beffff with #000b47. Closest websafe color is: #669999.

- R 37
- G 52
- B 64
RGB color chart
- C 42
- M 18
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #5f85a3 has RGB values of R:95, G:133, B:163 and CMYK values of C:0.42, M:0.18, Y:0, K:0.36. Its decimal value is 6260131.

Hex triplet	5f85a3	`#5f85a3`
RGB Decimal	95, 133, 163	`rgb(95,133,163)`
RGB Percent	37.3, 52.2, 63.9	`rgb(37.3%,52.2%,63.9%)`
CMYK	42, 18, 0, 36
HSL	206.5°, 27, 50.6	`hsl(206.5,27%,50.6%)`
HSV (or HSB)	206.5°, 41.7, 63.9
Web Safe	669999	`#669999`

CIE-LAB	53.869, -5.178, -20.134
XYZ	19.716, 21.851, 37.827
xyY	0.248, 0.275, 21.851
CIE-LCH	53.869, 20.789, 255.577
CIE-LUV	53.869, -18.737, -29.207
Hunter-Lab	46.746, -6.517, -15.257
Binary	01011111, 10000101, 10100011

#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#a37d5f
```
#a37d5f rgb(163,125,95)
```

Complementary Color

#5fa39f
```
#5fa39f rgb(95,163,159)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#5f63a3
```
#5f63a3 rgb(95,99,163)
```

Analogous Color

#a39f5f
```
#a39f5f rgb(163,159,95)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#a35f63
```
#a35f63 rgb(163,95,99)
```

Split Complementary Color

#85a35f
```
#85a35f rgb(133,163,95)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#a35f85
```
#a35f85 rgb(163,95,133)
```

Triadic Color

#5fa37d
```
#5fa37d rgb(95,163,125)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#a35f85
```
#a35f85 rgb(163,95,133)
```
#a37d5f
```
#a37d5f rgb(163,125,95)
```

Tetradic Color

#425e73
```
#425e73 rgb(66,94,115)
```
#4c6b83
```
#4c6b83 rgb(76,107,131)
```
#557894
```
#557894 rgb(85,120,148)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#6f91ac
```
#6f91ac rgb(111,145,172)
```
#7f9eb6
```
#7f9eb6 rgb(127,158,182)
```
#90aabf
```
#90aabf rgb(144,170,191)
```

Monochromatic Color

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

#5f96a3
```
#5f96a3 rgb(95,150,163)
```
#5f90a3
```
#5f90a3 rgb(95,144,163)
```
#5f8ba3
```
#5f8ba3 rgb(95,139,163)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#5f7fa3
```
#5f7fa3 rgb(95,127,163)
```
#5f7aa3
```
#5f7aa3 rgb(95,122,163)
```
#5f74a3
```
#5f74a3 rgb(95,116,163)
```

Similar Colors

Text with hexadecimal color #5f85a3

This text has a font color of #5f85a3.

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

#5f85a3 background color

This paragraph has a background color of #5f85a3.

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

#5f85a3 border color

This element has a border color of #5f85a3.

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

CSS codes

.text {color:#5f85a3;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#0f161b
```
#0f161b rgb(15,22,27)
```
#172027
```
#172027 rgb(23,32,39)
```
#1e2a34
```
#1e2a34 rgb(30,42,52)
```
#253440
```
#253440 rgb(37,52,64)
```
#2c3e4d
```
#2c3e4d rgb(44,62,77)
```
#334859
```
#334859 rgb(51,72,89)
```
#3a5366
```
#3a5366 rgb(58,83,102)
```
#425d72
```
#425d72 rgb(66,93,114)
```
#49677e
```
#49677e rgb(73,103,126)
```
#50718b
```
#50718b rgb(80,113,139)
```
#577b97
```
#577b97 rgb(87,123,151)
```

Shade Color Variation

#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#6b8eaa
```
#6b8eaa rgb(107,142,170)
```
#7898b1
```
#7898b1 rgb(120,152,177)
```
#84a1b8
```
#84a1b8 rgb(132,161,184)
```
#91abc0
```
#91abc0 rgb(145,171,192)
```
#9db4c7
```
#9db4c7 rgb(157,180,199)
```
#aabece
```
#aabece rgb(170,190,206)
```
#b6c7d5
```
#b6c7d5 rgb(182,199,213)
```
#c3d1dc
```
#c3d1dc rgb(195,209,220)
```
#cfdae3
```
#cfdae3 rgb(207,218,227)
```
#dce4eb
```
#dce4eb rgb(220,228,235)
```
#e8edf2
```
#e8edf2 rgb(232,237,242)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8286 is the less saturated color, while #088ffa is the most saturated one.

#7c8286
```
#7c8286 rgb(124,130,134)
```
#728390
```
#728390 rgb(114,131,144)
```
#698499
```
#698499 rgb(105,132,153)
```
#5f85a3
```
#5f85a3 rgb(95,133,163)
```
#5586ad
```
#5586ad rgb(85,134,173)
```
#4c87b6
```
#4c87b6 rgb(76,135,182)
```
#4288c0
```
#4288c0 rgb(66,136,192)
```
#388aca
```
#388aca rgb(56,138,202)
```
#2f8bd3
```
#2f8bd3 rgb(47,139,211)
```
#258cdd
```
#258cdd rgb(37,140,221)
```
#1b8de7
```
#1b8de7 rgb(27,141,231)
```
#118ef1
```
#118ef1 rgb(17,142,241)
```
#088ffa
```
#088ffa rgb(8,143,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f86a4 Protanopia 1% of men
#8085aa Deuteranopia 1% of men
#628e98 Tritanopia 0.001% of the population

Trichromacy

#7385a3 Protanomaly 1% of men, 0.01% of women
#7485a7 Deuteranomaly 6% of men, 0.4% of women
#618a9c Tritanomaly 0.01% of the population