#54A5DE
COLOR VALUES
Conversion reference
HEX
#54A5DERGB
84, 165, 222HSL
205°, 68%, 60%HSV
205°, 62.0%, 87.0%HWB
205°, 32.9%, 12.9%CMYK
62%, 26%, 0%, 13%LAB
65.02, -7.66, -36.22CSS
--color-primary: #54A5DE;Tailwind
colors: { primary: '#54A5DE' }HARMONIES
Color relationships
White text
2.69:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Classic Azure
#58A4DAΔE00 0.608Vivid Azure#50A5E2ΔE00 0.609Classic Azure#58A6DAΔE00 0.948Vivid Azure#50A8E2ΔE00 1.091Classic Sky Blue#58A2DAΔE00 1.157Vivid Sky Blue#50A3E2ΔE00 1.166Vivid Azure#47A7EBΔE00 1.686Classic Azure#58A8DAΔE00 1.733Vivid Azure#50AAE2ΔE00 1.832Vivid Azure#47A9EBΔE00 1.856Classic Azure#60A3D2ΔE00 1.905Classic Sky Blue#58A0DAΔE00 1.93Vivid Sky Blue#47A4EBΔE00 1.958Classic Azure#60A4D2ΔE00 1.99Classic Sky Blue#60A1D2ΔE00 2.092Vivid Sky Blue#50A0E2ΔE00 2.237Classic Azure#60A6D2ΔE00 2.47Vivid Azure#47ACEBΔE00 2.518Vivid Azure#3FA8F3ΔE00 2.57Classic Azure#58AADAΔE00 2.599Classic Sky Blue#609FD2ΔE00 2.63Vivid Azure#2CA3E8ΔE00 2.63Vivid Sky Blue#47A1EBΔE00 2.645Vivid Azure#35A0DEΔE00 2.701About #54a5de #54A5DE
#54A5DE is represented by RGB (84, 165, 222) and HSL (205°, 68%, 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.