Preview
#202a30
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 14.63:1 · vs black: 1.44:1
HEX
#202a30
RGB
rgb(32, 42, 48)
RGBA
rgba(32, 42, 48, 1)
HSL
hsl(203, 20%, 16%)
HSV
hsv(203, 33%, 19%)
LAB
lab(16.39% -2.56 -5.31)
LCH
lch(16.39% 5.89 244.26)
OKLAB
oklab(0.2782 -0.0103 -0.0145)
OKLCH
oklch(0.2782 0.0178 234.61)
XYZ
xyz(1.96, 2.18, 3.11)
CMYK
cmyk(33%, 13%, 0%, 81%)
CSS
color: #202a30;
CSS variable
--color-202a30: #202a30;
SCSS
$color-202a30: #202a30;
Tailwind
sky-800
Export
:root {
--#202a30-1: #202a30;
}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.