Preview
#34637f
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.49:1 · vs black: 3.24:1
HEX
#34637f
RGB
rgb(52, 99, 127)
RGBA
rgba(52, 99, 127, 1)
HSL
hsl(202, 42%, 35%)
HSV
hsv(202, 59%, 50%)
LAB
lab(39.89% -7.19 -20.5)
LCH
lch(39.89% 21.72 250.67)
OKLAB
oklab(0.4787 -0.0376 -0.0573)
OKLCH
oklch(0.4787 0.0685 236.73)
XYZ
xyz(9.71, 11.19, 21.72)
CMYK
cmyk(59%, 22%, 0%, 50%)
CSS
color: #34637f;
CSS variable
--color-34637f: #34637f;
SCSS
$color-34637f: #34637f;
Tailwind
sky-600
Export
:root {
--#34637f-1: #34637f;
}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.