Blue Family
Medium Brightness
Luminance 19.6%
#686BED · Nordic Periwinkle
RGB(104, 107, 237) • HSL(239°, 79%, 67%) • CMYK(56%, 55%, 0%, 7%)
Color Conversion & Technical Formats
HEX
#686BED
RGB
rgb(104, 107, 237)
HSL
hsl(239, 79%, 67%)
HSV / HSB
hsv(239°, 56%, 93%)
CMYK
cmyk(56%, 55%, 0%, 7%)
CSS Variable
--color-nordic-periwinkle: #686bed;
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
4.27 : 1
Low Contrast
On Black #000000
4.91 : 1
WCAG AA Pass