#558BB4
COLOR VALUES
Conversion reference
HEX
#558BB4RGB
85, 139, 180HSL
206°, 39%, 52%HSV
206°, 53.0%, 71.0%HWB
206°, 33.3%, 29.4%CMYK
53%, 23%, 0%, 29%LAB
55.78, -6.08, -27.00CSS
--color-primary: #558BB4;Tailwind
colors: { primary: '#558BB4' }HARMONIES
Color relationships
White text
3.66:1AA Fail · AAA Fail
Contrast reference
#FFFFFFChoose final text in the actual UI context.
CIEDE2000
Related colors
Soft Azure
#4C88B2ΔE00 1.548Soft Sky Blue#5B8EB9ΔE00 1.551Soft Sky Blue#5B8DB9ΔE00 1.644Soft Azure#4C8AB2ΔE00 1.694Soft Sky Blue#5B90B9ΔE00 1.799Soft Azure#4C8BB2ΔE00 1.976Soft Sky Blue#4C86B2ΔE00 1.989Soft Sky Blue#5B8BB9ΔE00 2.145Soft Sky Blue#4C85B2ΔE00 2.335Classic Sky Blue#518FC2ΔE00 2.339Classic Sky Blue#518DC2ΔE00 2.372Classic Azure#428ABDΔE00 2.407Soft Azure#5786A8ΔE00 2.409Classic Azure#428CBDΔE00 2.446Soft Azure#5B92B9ΔE00 2.472Soft Sky Blue#5B8AB9ΔE00 2.48Classic Sky Blue#518CC2ΔE00 2.485Soft Sky Blue#648DAFΔE00 2.519Soft Sky Blue#5785A8ΔE00 2.539Soft Sky Blue#648CAFΔE00 2.566Classic Sky Blue#5191C2ΔE00 2.578Soft Azure#5788A8ΔE00 2.599Classic Sky Blue#4288BDΔE00 2.65Soft Sky Blue#648BAFΔE00 2.744About #558bb4 #558BB4
#558BB4 is represented by RGB (85, 139, 180) and HSL (206°, 39%, 52%). 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.