#686A7D
COLOR VALUES
Conversion reference
HEX
#686A7DRGB
104, 106, 125HSL
234°, 9%, 45%HSV
234°, 17.0%, 49.0%HWB
234°, 40.8%, 51.0%CMYK
17%, 15%, 0%, 51%LAB
45.26, 3.49, -10.79CSS
--color-primary: #686A7D;Tailwind
colors: { primary: '#686A7D' }HARMONIES
Color relationships
White text
5.32:1AA Pass · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Shade Cobalt
#6C6D7FΔE00 1.339Shade Cobalt#6C6C7FΔE00 1.346Shade Cobalt#6C6E7FΔE00 1.742Shade Cobalt#6D6C7FΔE00 1.772Shade Indigo#6E6C7FΔE00 2.221Shade Blue#6C6F7FΔE00 2.38Shade Indigo#6F6C7FΔE00 2.678Shade Blue#6C707FΔE00 3.133Shade Indigo#706C7FΔE00 3.136Shade Indigo#716C7FΔE00 3.591Shade Blue#6C717FΔE00 3.953Shade Blue#636C88ΔE00 3.996Shade Blue#636B88ΔE00 4.043Shade Indigo#726C7FΔE00 4.043Shade Blue#636D88ΔE00 4.077Shade Blue#636A88ΔE00 4.205Shade Blue#636E88ΔE00 4.289Shade Blue#5E606EΔE00 4.448Shade Cobalt#5E5F6EΔE00 4.459Shade Blue#636988ΔE00 4.461Shade Violet#736C7FΔE00 4.49Shade Blue#5E616EΔE00 4.616Shade Blue#636F88ΔE00 4.62Shade Cobalt#5E5E6EΔE00 4.629About #686a7d #686A7D
#686A7D is represented by RGB (104, 106, 125) and HSL (234°, 9%, 45%). 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.