#558EAA
COLOR VALUES
Conversion reference
HEX
#558EAARGB
85, 142, 170HSL
200°, 33%, 50%HSV
200°, 50.0%, 67.0%HWB
200°, 33.3%, 33.3%CMYK
50%, 16%, 0%, 33%LAB
56.27, -10.79, -20.53CSS
--color-primary: #558EAA;Tailwind
colors: { primary: '#558EAA' }HARMONIES
Color relationships
White text
3.6:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Soft Azure
#578DA8ΔE00 0.514Soft Azure#578EA8ΔE00 0.635Soft Azure#578CA8ΔE00 0.914Soft Azure#5790A8ΔE00 1.67Soft Azure#4C90B2ΔE00 1.854Soft Azure#4C92B2ΔE00 1.954Soft Azure#4C8FB2ΔE00 2.019Soft Azure#578AA8ΔE00 2.027Soft Azure#5791A8ΔE00 2.242Soft Azure#4C94B2ΔE00 2.538Soft Azure#5789A8ΔE00 2.608Soft Azure#4C8DB2ΔE00 2.643Shade Azure#3D8EAEΔE00 2.787Shade Azure#3D8CAEΔE00 2.801Shade Azure#4688A4ΔE00 2.844Soft Azure#6494AFΔE00 2.853Shade Azure#468AA4ΔE00 2.877Soft Azure#6495AFΔE00 2.967Shade Azure#4687A4ΔE00 2.997Soft Azure#6492AFΔE00 3.001Shade Azure#468BA4ΔE00 3.057Shade Azure#3D90AEΔE00 3.144Muted Azure#618A9EΔE00 3.16Shade Azure#3D8AAEΔE00 3.177About #558eaa #558EAA
#558EAA is represented by RGB (85, 142, 170) and HSL (200°, 33%, 50%). 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.