Preview
#286a84
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.03:1 · vs black: 3.49:1
HEX
#286a84
RGB
rgb(40, 106, 132)
RGBA
rgba(40, 106, 132, 1)
HSL
hsl(197, 53%, 34%)
HSV
hsv(197, 70%, 52%)
LAB
lab(41.88% -11.95 -20.49)
LCH
lch(41.88% 23.72 239.75)
OKLAB
oklab(0.494 -0.0522 -0.0573)
OKLCH
oklch(0.494 0.0775 227.67)
XYZ
xyz(10.19, 12.42, 23.69)
CMYK
cmyk(70%, 20%, 0%, 48%)
CSS
color: #286a84;
CSS variable
--color-286a84: #286a84;
SCSS
$color-286a84: #286a84;
Tailwind
cyan-600
Export
:root {
--#286a84-1: #286a84;
}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.