Preview
#1d4058
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 10.9:1 · vs black: 1.93:1
HEX
#1d4058
RGB
rgb(29, 64, 88)
RGBA
rgba(29, 64, 88, 1)
HSL
hsl(204, 50%, 23%)
HSV
hsv(204, 67%, 35%)
LAB
lab(25.66% -4.2 -18.13)
LCH
lch(25.66% 18.61 256.96)
OKLAB
oklab(0.3571 -0.0282 -0.0509)
OKLCH
oklch(0.3571 0.0582 241.01)
XYZ
xyz(4.10, 4.63, 9.91)
CMYK
cmyk(67%, 27%, 0%, 65%)
CSS
color: #1d4058;
CSS variable
--color-1d4058: #1d4058;
SCSS
$color-1d4058: #1d4058;
Tailwind
sky-700
Export
:root {
--#1d4058-1: #1d4058;
}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.