Preview
#004e8c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 8.51:1 · vs black: 2.47:1
HEX
#004e8c
RGB
rgb(0, 78, 140)
RGBA
rgba(0, 78, 140, 1)
HSL
hsl(207, 100%, 27%)
HSV
hsv(207, 100%, 55%)
LAB
lab(32.57% 4.68 -40.06)
LCH
lch(32.57% 40.33 276.66)
OKLAB
oklab(0.4194 -0.0398 -0.115)
OKLCH
oklch(0.4194 0.1217 250.91)
XYZ
xyz(7.46, 7.34, 25.83)
CMYK
cmyk(100%, 44%, 0%, 45%)
CSS
color: #004e8c;
CSS variable
--color-004e8c: #004e8c;
SCSS
$color-004e8c: #004e8c;
Tailwind
sky-700
Export
:root {
--fluent-navy-1: #004e8c;
}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.