Preview
#337a94
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.83:1 · vs black: 4.35:1
HEX
#337a94
RGB
rgb(51, 122, 148)
RGBA
rgba(51, 122, 148, 1)
HSL
hsl(196, 49%, 39%)
HSV
hsv(196, 66%, 58%)
LAB
lab(47.96% -13.72 -20.63)
LCH
lch(47.96% 24.78 236.37)
OKLAB
oklab(0.5457 -0.0568 -0.0576)
OKLCH
oklch(0.5457 0.0809 225.4)
XYZ
xyz(13.67, 16.76, 30.53)
CMYK
cmyk(66%, 18%, 0%, 42%)
CSS
color: #337a94;
CSS variable
--color-337a94: #337a94;
SCSS
$color-337a94: #337a94;
Tailwind
cyan-600
Export
:root {
--spectrum-#337a94-1: #337a94;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.