#677BCB
COLOR VALUES
Conversion reference
HEX
#677BCBRGB
103, 123, 203HSL
228°, 49%, 60%HSV
228°, 49.0%, 80.0%HWB
228°, 40.4%, 20.4%CMYK
49%, 39%, 0%, 20%LAB
53.34, 14.73, -43.85CSS
--color-primary: #677BCB;Tailwind
colors: { primary: '#677BCB' }HARMONIES
Color relationships
White text
3.98:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Classic Blue
#687CCAΔE00 0.388Classic Blue#687ACAΔE00 0.509Classic Blue#687DCAΔE00 0.703Classic Blue#6878CAΔE00 1.196Classic Blue#687FCAΔE00 1.406Classic Blue#6877CAΔE00 1.554Classic Blue#6079D2ΔE00 1.665Classic Blue#607BD2ΔE00 1.71Classic Blue#607CD2ΔE00 1.847Classic Blue#6077D2ΔE00 1.927Classic Blue#6881CAΔE00 2.125Classic Cobalt#6875CAΔE00 2.275Classic Blue#607ED2ΔE00 2.282Classic Blue#6075D2ΔE00 2.397Classic Blue#6882CAΔE00 2.485Soft Blue#707EC2ΔE00 2.576Soft Blue#707CC2ΔE00 2.58Soft Blue#707FC2ΔE00 2.644Soft Cobalt#707BC2ΔE00 2.653Soft Cobalt#707AC2ΔE00 2.769Classic Blue#6080D2ΔE00 2.845Soft Blue#7081C2ΔE00 2.906Classic Blue#6073D2ΔE00 2.976Classic Cobalt#6873CAΔE00 2.999About #677bcb #677BCB
#677BCB is represented by RGB (103, 123, 203) and HSL (228°, 49%, 60%). 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.