Preview
#435a70
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.15:1 · vs black: 2.94:1
HEX
#435a70
RGB
rgb(67, 90, 112)
RGBA
rgba(67, 90, 112, 1)
HSL
hsl(209, 25%, 35%)
HSV
hsv(209, 40%, 44%)
LAB
lab(37.25% -2.53 -15.3)
LCH
lch(37.25% 15.51 260.61)
OKLAB
oklab(0.4579 -0.0173 -0.0423)
OKLCH
oklch(0.4579 0.0457 247.76)
XYZ
xyz(8.89, 9.67, 16.72)
CMYK
cmyk(40%, 20%, 0%, 56%)
CSS
color: #435a70;
CSS variable
--color-435a70: #435a70;
SCSS
$color-435a70: #435a70;
Tailwind
sky-600
Export
:root {
--#435a70-1: #435a70;
}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.