Preview
#365f7c
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.81:1 · vs black: 3.08:1
HEX
#365f7c
RGB
rgb(54, 95, 124)
RGBA
rgba(54, 95, 124, 1)
HSL
hsl(205, 39%, 35%)
HSV
hsv(205, 56%, 49%)
LAB
lab(38.59% -5.32 -20.67)
LCH
lch(38.59% 21.34 255.57)
OKLAB
oklab(0.4682 -0.0321 -0.0578)
OKLCH
oklch(0.4682 0.0661 240.95)
XYZ
xyz(9.25, 10.42, 20.59)
CMYK
cmyk(56%, 23%, 0%, 51%)
CSS
color: #365f7c;
CSS variable
--color-365f7c: #365f7c;
SCSS
$color-365f7c: #365f7c;
Tailwind
sky-600
Export
:root {
--#365f7c-1: #365f7c;
}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.