Blue Family
Medium Brightness
Luminance 22.3%
#5686B3 · Nordic Indigo
RGB(86, 134, 179) • HSL(209°, 38%, 52%) • CMYK(52%, 25%, 0%, 30%)
Color Conversion & Technical Formats
HEX
#5686B3
RGB
rgb(86, 134, 179)
HSL
hsl(209, 38%, 52%)
HSV / HSB
hsv(209°, 52%, 70%)
CMYK
cmyk(52%, 25%, 0%, 30%)
CSS Variable
--color-nordic-indigo: #5686b3;
Color Variations (Tints, Shades & Tones)
Click any variation swatch to inspect its full color page, or click the HEX badge to copy.
Color Combinations & Harmonies
WCAG Contrast Checker
On White #FFFFFF
3.85 : 1
Low Contrast
On Black #000000
5.46 : 1
WCAG AA Pass