Preview
#2a668d
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.21:1 · vs black: 3.38:1
HEX
#2a668d
RGB
rgb(42, 102, 141)
RGBA
rgba(42, 102, 141, 1)
HSL
hsl(204, 54%, 36%)
HSV
hsv(204, 70%, 55%)
LAB
lab(41.08% -6.05 -27.14)
LCH
lch(41.08% 27.81 257.43)
OKLAB
oklab(0.4892 -0.0433 -0.0765)
OKLCH
oklch(0.4892 0.0879 240.49)
XYZ
xyz(10.51, 11.92, 26.94)
CMYK
cmyk(70%, 28%, 0%, 45%)
CSS
color: #2a668d;
CSS variable
--color-2a668d: #2a668d;
SCSS
$color-2a668d: #2a668d;
Tailwind
sky-600
Export
:root {
--#2a668d-1: #2a668d;
}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.