#687FFD
COLOR VALUES
Conversion reference
HEX
#687FFDRGB
104, 127, 253HSL
231°, 97%, 70%HSV
231°, 59.0%, 99.0%HWB
231°, 40.8%, 0.8%CMYK
59%, 50%, 0%, 1%LAB
57.28, 28.40, -65.54CSS
--color-primary: #687FFD;Tailwind
colors: { primary: '#687FFD' }HARMONIES
Color relationships
White text
3.48:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Tint Cobalt
#7381FCΔE00 1.695Tint Cobalt#7383FCΔE00 1.832Tint Cobalt#737EFCΔE00 1.905Tint Blue#637FEEΔE00 2.15Tint Cobalt#7385FCΔE00 2.153Tint Blue#5C7DF5ΔE00 2.19Tint Blue#637CEEΔE00 2.227Tint Cobalt#737CFCΔE00 2.259Tint Blue#5C7BF5ΔE00 2.296Tint Blue#6381EEΔE00 2.358Tint Blue#5C80F5ΔE00 2.416Tint Blue#637AEEΔE00 2.517Tint Blue#557CFCΔE00 2.628Tint Blue#6A7FE7ΔE00 2.693Tint Cobalt#737AFCΔE00 2.708Tint Blue#6383EEΔE00 2.724Tint Blue#6A81E7ΔE00 2.763Tint Blue#5C82F5ΔE00 2.777Tint Blue#5C78F5ΔE00 2.781Tint Blue#6A7DE7ΔE00 2.788Tint Blue#557FFCΔE00 2.791Tint Cobalt#7981F6ΔE00 2.806Tint Cobalt#7983F6ΔE00 2.819Tint Blue#7388FCΔE00 2.84About #687ffd #687FFD
#687FFD is represented by RGB (104, 127, 253) and HSL (231°, 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.