Preview
#1a3a4d
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 11.96:1 · vs black: 1.76:1
HEX
#1a3a4d
RGB
rgb(26, 58, 77)
RGBA
rgba(26, 58, 77, 1)
HSL
hsl(202, 50%, 20%)
HSV
hsv(202, 66%, 30%)
LAB
lab(22.93% -5.07 -15.13)
LCH
lch(22.93% 15.96 251.47)
OKLAB
oklab(0.3334 -0.0275 -0.0424)
OKLCH
oklch(0.3334 0.0505 237.03)
XYZ
xyz(3.28, 3.78, 7.58)
CMYK
cmyk(66%, 25%, 0%, 70%)
CSS
color: #1a3a4d;
CSS variable
--color-1a3a4d: #1a3a4d;
SCSS
$color-1a3a4d: #1a3a4d;
Tailwind
sky-800
Export
:root {
--#1a3a4d-1: #1a3a4d;
}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.