#686FDF
COLOR VALUES
Conversion reference
HEX
#686FDFRGB
104, 111, 223HSL
236°, 65%, 64%HSV
236°, 53.0%, 87.0%HWB
236°, 40.8%, 12.5%CMYK
53%, 50%, 0%, 13%LAB
51.43, 28.49, -58.23CSS
--color-primary: #686FDF;Tailwind
colors: { primary: '#686FDF' }HARMONIES
Color relationships
White text
4.26:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Tint Cobalt
#6A70E7ΔE00 1.204Tint Cobalt#6A6EE7ΔE00 1.236Tint Cobalt#6A72E7ΔE00 1.502Tint Cobalt#6A6CE7ΔE00 1.572Tint Cobalt#7171E0ΔE00 1.685Tint Cobalt#7173E0ΔE00 1.915Tint Cobalt#6A74E7ΔE00 1.991Tint Cobalt#7371E0ΔE00 2.046Tint Cobalt#6A6AE7ΔE00 2.063Tint Cobalt#636FEEΔE00 2.076Tint Cobalt#636CEEΔE00 2.194Tint Cobalt#6C6AE7ΔE00 2.215Tint Cobalt#6371EEΔE00 2.254Tint Cobalt#7175E0ΔE00 2.321Tint Cobalt#6E6AE7ΔE00 2.409Tint Cobalt#7571E0ΔE00 2.42Classic Cobalt#606DD2ΔE00 2.424Classic Cobalt#606FD2ΔE00 2.434Tint Cobalt#636AEEΔE00 2.495Tint Cobalt#7176E0ΔE00 2.565Tint Cobalt#6A76E7ΔE00 2.567Tint Cobalt#6373EEΔE00 2.599Tint Cobalt#7671E0ΔE00 2.61Classic Cobalt#606BD2ΔE00 2.615About #686fdf #686FDF
#686FDF is represented by RGB (104, 111, 223) and HSL (236°, 65%, 64%). 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.