#686CC4
COLOR VALUES
Conversion reference
HEX
#686CC4RGB
104, 108, 196HSL
237°, 44%, 59%HSV
237°, 47.0%, 77.0%HWB
237°, 40.8%, 23.1%CMYK
47%, 45%, 0%, 23%LAB
49.07, 21.95, -46.62CSS
--color-primary: #686CC4;Tailwind
colors: { primary: '#686CC4' }HARMONIES
Color relationships
White text
4.64:1AA Pass · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Classic Cobalt
#686DCAΔE00 1Classic Cobalt#686BCAΔE00 1.027Classic Cobalt#686ACAΔE00 1.21Classic Cobalt#686FCAΔE00 1.409Classic Cobalt#6870CAΔE00 1.696Classic Cobalt#6868CAΔE00 1.739Classic Cobalt#6A68CAΔE00 1.852Classic Cobalt#6B68CAΔE00 1.94Soft Cobalt#7070C2ΔE00 2.106Classic Cobalt#6D68CAΔE00 2.168Classic Cobalt#6872CAΔE00 2.338Classic Cobalt#6F68CAΔE00 2.45Soft Cobalt#7270C2ΔE00 2.47Soft Cobalt#7072C2ΔE00 2.534Classic Indigo#7068CAΔE00 2.606Soft Cobalt#7370C2ΔE00 2.666Classic Cobalt#606BD2ΔE00 2.67Classic Cobalt#6873CAΔE00 2.678Classic Cobalt#6069D2ΔE00 2.762Classic Cobalt#606DD2ΔE00 2.767Soft Cobalt#7073C2ΔE00 2.794Soft Cobalt#7470C2ΔE00 2.869Classic Indigo#7268CAΔE00 2.942Classic Cobalt#6067D2ΔE00 3.022About #686cc4 #686CC4
#686CC4 is represented by RGB (104, 108, 196) and HSL (237°, 44%, 59%). 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.