#5F5F83
A medium, muted blue closely aligning with Slategray.
About #5F5F83
When working with digital screens, the color #5F5F83 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Slategray. In the RGB color space, it consists of 95 red, 95 green, and 131 blue.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 27% cyan, 27% magenta, 0% yellow, and 49% black. With a hue angle of 240.0 degrees, it sits comfortably in the blue spectrum.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#5F5F83
RGB95, 95, 131
HSL240.0°, 15.9%, 44.3%
CMYK27%, 27%, 0%, 49%
HSV240.0°, 27.5%, 51.4%
LAB41.6, 8.6, -20.0
XYZ12.9, 12.3, 23.2
Decimal6250371
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.08:1
Text on #FFFFFF
AA
3.45:1
Text on #000000
AA Large
5.82:1
Text on #F8FAFC
AA
2.93:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5F5F83;
}
.text-color {
color: #5F5F83;
}
.border-color {
border: 2px solid #5F5F83;
}