Preview
#244b6b
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 9.16:1 · vs black: 2.29:1
HEX
#244b6b
RGB
rgb(36, 75, 107)
RGBA
rgba(36, 75, 107, 1)
HSL
hsl(207, 50%, 28%)
HSV
hsv(207, 66%, 42%)
LAB
lab(30.56% -2.77 -22.65)
LCH
lch(30.56% 22.82 263.03)
OKLAB
oklab(0.3999 -0.029 -0.0638)
OKLCH
oklch(0.3999 0.0701 245.56)
XYZ
xyz(5.90, 6.47, 14.84)
CMYK
cmyk(66%, 30%, 0%, 58%)
CSS
color: #244b6b;
CSS variable
--color-244b6b: #244b6b;
SCSS
$color-244b6b: #244b6b;
Tailwind
sky-700
Export
:root {
--#244b6b-1: #244b6b;
}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.