#686FC0
COLOR VALUES
Conversion reference
HEX
#686FC0RGB
104, 111, 192HSL
235°, 41%, 58%HSV
235°, 46.0%, 75.0%HWB
235°, 40.8%, 24.7%CMYK
46%, 42%, 0%, 25%LAB
49.64, 18.90, -43.43CSS
--color-primary: #686FC0;Tailwind
colors: { primary: '#686FC0' }HARMONIES
Color relationships
White text
4.54:1AA Pass · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Classic Cobalt
#686FCAΔE00 1.59Classic Cobalt#6870CAΔE00 1.614Soft Cobalt#7070C2ΔE00 1.779Classic Cobalt#686DCAΔE00 1.78Soft Cobalt#7072C2ΔE00 1.867Classic Cobalt#6872CAΔE00 1.887Soft Cobalt#7073C2ΔE00 2.009Classic Cobalt#6873CAΔE00 2.109Classic Cobalt#686BCAΔE00 2.201Soft Cobalt#7074C2ΔE00 2.203Soft Cobalt#7270C2ΔE00 2.242Classic Cobalt#686ACAΔE00 2.461Soft Cobalt#7370C2ΔE00 2.477Classic Cobalt#6875CAΔE00 2.654Soft Cobalt#7076C2ΔE00 2.699Soft Cobalt#7470C2ΔE00 2.713Soft Cobalt#646EAFΔE00 2.86Soft Cobalt#646DAFΔE00 2.881Soft Blue#646FAFΔE00 2.886Soft Blue#5B6CB9ΔE00 2.902Soft Cobalt#646CAFΔE00 2.946Soft Blue#5B6EB9ΔE00 2.964Soft Cobalt#7077C2ΔE00 2.983Soft Blue#5B6AB9ΔE00 3.03About #686fc0 #686FC0
#686FC0 is represented by RGB (104, 111, 192) and HSL (235°, 41%, 58%). These values are useful references for digital design, interfaces, charts, illustrations and development workflows.
HEX is convenient for CSS and design tokens. RGB describes the screen color channels, HSL provides an intuitive hue/saturation/lightness model, and CMYK is a conversion reference for print workflows. Actual print appearance can vary with color profiles, inks, paper and production conditions.
Pritikart Color Lab also provides CIEDE2000 similarity, color harmonies, generated lighter/darker relationships and WCAG contrast calculations. Accessibility results are mathematical checks and should be verified in the final UI context.