#54B2DE
COLOR VALUES
Conversion reference
HEX
#54B2DERGB
84, 178, 222HSL
199°, 68%, 60%HSV
199°, 62.0%, 87.0%HWB
199°, 32.9%, 12.9%CMYK
62%, 20%, 0%, 13%LAB
68.75, -14.73, -30.44CSS
--color-primary: #54B2DE;Tailwind
colors: { primary: '#54B2DE' }HARMONIES
Color relationships
White text
2.39:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Vivid Azure
#50B4E2ΔE00 0.703Classic Azure#58B1DAΔE00 0.733Classic Azure#58AFDAΔE00 0.973Vivid Azure#50B1E2ΔE00 1.26Vivid Azure#50B6E2ΔE00 1.269Classic Azure#58B3DAΔE00 1.351Classic Azure#58ADDAΔE00 1.743Vivid Azure#50AFE2ΔE00 2.029Vivid Azure#47B7EBΔE00 2.104Classic Azure#60AED2ΔE00 2.182Classic Azure#58B5DAΔE00 2.194Vivid Azure#35AEDEΔE00 2.259Classic Azure#60ACD2ΔE00 2.275Vivid Azure#35B1DEΔE00 2.309Vivid Azure#47B4EBΔE00 2.371Vivid Azure#47BAEBΔE00 2.467Vivid Azure#50B9E2ΔE00 2.468Vivid Azure#2CB5E8ΔE00 2.472Vivid Azure#2CB2E8ΔE00 2.473Classic Azure#60B0D2ΔE00 2.512Classic Azure#60AAD2ΔE00 2.749Vivid Azure#50ADE2ΔE00 2.835Vivid Azure#35ABDEΔE00 2.84Classic Azure#3FAAD5ΔE00 2.861About #54b2de #54B2DE
#54B2DE is represented by RGB (84, 178, 222) and HSL (199°, 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.