Preview
#333c3f
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 11.3:1 · vs black: 1.86:1
HEX
#333c3f
RGB
rgb(51, 60, 63)
RGBA
rgba(51, 60, 63, 1)
HSL
hsl(195, 11%, 22%)
HSV
hsv(195, 19%, 25%)
LAB
lab(24.62% -2.96 -3.11)
LCH
lch(24.62% 4.29 226.42)
OKLAB
oklab(0.349 -0.0101 -0.0084)
OKLCH
oklch(0.349 0.0131 219.75)
XYZ
xyz(3.88, 4.29, 5.33)
CMYK
cmyk(19%, 5%, 0%, 75%)
CSS
color: #333c3f;
CSS variable
--color-333c3f: #333c3f;
SCSS
$color-333c3f: #333c3f;
Tailwind
cyan-700
Export
:root {
--#333c3f-1: #333c3f;
}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.