Preview
#7ab8cd
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.2:1 · vs black: 9.57:1
HEX
#7ab8cd
RGB
rgb(122, 184, 205)
RGBA
rgba(122, 184, 205, 1)
HSL
hsl(195, 45%, 64%)
HSV
hsv(195, 40%, 80%)
LAB
lab(71.44% -14.5 -16.88)
LCH
lch(71.44% 22.25 229.34)
OKLAB
oklab(0.748 -0.0529 -0.0464)
OKLCH
oklch(0.748 0.0704 221.25)
XYZ
xyz(36.18, 42.82, 64.11)
CMYK
cmyk(40%, 10%, 0%, 20%)
CSS
color: #7ab8cd;
CSS variable
--color-7ab8cd: #7ab8cd;
SCSS
$color-7ab8cd: #7ab8cd;
Tailwind
cyan-300
Export
:root {
--#7ab8cd-1: #7ab8cd;
}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.