#688DFD
COLOR VALUES
Conversion reference
HEX
#688DFDRGB
104, 141, 253HSL
225°, 97%, 70%HSV
225°, 59.0%, 99.0%HWB
225°, 40.8%, 0.8%CMYK
59%, 44%, 0%, 1%LAB
60.86, 20.01, -59.80CSS
--color-primary: #688DFD;Tailwind
colors: { primary: '#688DFD' }HARMONIES
Color relationships
White text
3.08:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Tint Blue
#738EFCΔE00 1.745Tint Blue#7391FCΔE00 1.76Tint Blue#738CFCΔE00 2.009Tint Blue#7393FCΔE00 2.041Tint Blue#638AEEΔE00 2.071Tint Blue#638DEEΔE00 2.08Tint Blue#5C8AF5ΔE00 2.162Tint Blue#5C8CF5ΔE00 2.238Tint Blue#6388EEΔE00 2.33Tint Blue#638FEEΔE00 2.348Tint Blue#738AFCΔE00 2.417Tint Blue#6A8DE7ΔE00 2.431Tint Blue#5C87F5ΔE00 2.438Tint Blue#7395FCΔE00 2.462Tint Blue#6A8FE7ΔE00 2.521Tint Blue#6A8BE7ΔE00 2.523Tint Blue#558AFCΔE00 2.601Tint Blue#5C8FF5ΔE00 2.698Tint Blue#5587FCΔE00 2.727Tint Blue#6386EEΔE00 2.739Tint Blue#6391EEΔE00 2.762Tint Blue#7990F6ΔE00 2.767Tint Blue#6A91E7ΔE00 2.775Tint Blue#6A89E7ΔE00 2.781About #688dfd #688DFD
#688DFD is represented by RGB (104, 141, 253) and HSL (225°, 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.