#686DFD
COLOR VALUES
Conversion reference
HEX
#686DFDRGB
104, 109, 253HSL
238°, 97%, 70%HSV
238°, 59.0%, 99.0%HWB
238°, 40.8%, 0.8%CMYK
59%, 57%, 0%, 1%LAB
52.92, 39.18, -72.59CSS
--color-primary: #686DFD;Tailwind
colors: { primary: '#686DFD' }HARMONIES
Color relationships
White text
4.04:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Tint Cobalt
#636CEEΔE00 2.203Tint Cobalt#5C6BF5ΔE00 2.219Tint Cobalt#7373FCΔE00 2.251Tint Cobalt#5C6EF5ΔE00 2.256Tint Cobalt#636FEEΔE00 2.274Tint Cobalt#636AEEΔE00 2.391Tint Cobalt#5C69F5ΔE00 2.425Tint Cobalt#7573FCΔE00 2.458Tint Cobalt#5C70F5ΔE00 2.511Tint Cobalt#6371EEΔE00 2.545Tint Cobalt#556BFCΔE00 2.592Tint Cobalt#7375FCΔE00 2.699Tint Blue#556EFCΔE00 2.711Tint Cobalt#6368EEΔE00 2.722Tint Cobalt#6A6EE7ΔE00 2.795Tint Cobalt#7873FCΔE00 2.817Tint Cobalt#5568FCΔE00 2.829Tint Cobalt#6A6CE7ΔE00 2.856Tint Cobalt#6A70E7ΔE00 2.884Tint Cobalt#6373EEΔE00 2.947Tint Cobalt#5C66F5ΔE00 2.977Tint Cobalt#6A6AE7ΔE00 3.057Tint Cobalt#7A73FCΔE00 3.082Tint Cobalt#6C6AE7ΔE00 3.09About #686dfd #686DFD
#686DFD is represented by RGB (104, 109, 253) and HSL (238°, 97%, 70%). 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.