Preview
#365c7c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 7.05:1 · vs black: 2.98:1
HEX
#365c7c
RGB
rgb(54, 92, 124)
RGBA
rgba(54, 92, 124, 1)
HSL
hsl(207, 39%, 35%)
HSV
hsv(207, 56%, 49%)
LAB
lab(37.65% -3.48 -22.13)
LCH
lch(37.65% 22.4 261.06)
OKLAB
oklab(0.4608 -0.0283 -0.062)
OKLCH
oklch(0.4608 0.0682 245.47)
XYZ
xyz(8.99, 9.89, 20.50)
CMYK
cmyk(56%, 26%, 0%, 51%)
CSS
color: #365c7c;
CSS variable
--color-365c7c: #365c7c;
SCSS
$color-365c7c: #365c7c;
Tailwind
sky-600
Export
:root {
--#365c7c-1: #365c7c;
}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.