Preview
#2d4153
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 10.54:1 · vs black: 1.99:1
HEX
#2d4153
RGB
rgb(45, 65, 83)
RGBA
rgba(45, 65, 83, 1)
HSL
hsl(208, 30%, 25%)
HSV
hsv(208, 46%, 33%)
LAB
lab(26.63% -2.42 -13.3)
LCH
lch(26.63% 13.52 259.69)
OKLAB
oklab(0.3664 -0.0162 -0.0369)
OKLCH
oklch(0.3664 0.0403 246.3)
XYZ
xyz(4.53, 4.96, 8.90)
CMYK
cmyk(46%, 22%, 0%, 67%)
CSS
color: #2d4153;
CSS variable
--color-2d4153: #2d4153;
SCSS
$color-2d4153: #2d4153;
Tailwind
sky-700
Export
:root {
--#2d4153-1: #2d4153;
}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.