Preview
#30363c
Family: Blue
Accessibility on this swatch:
Contrast vs white: 12.22:1 · vs black: 1.72:1
HEX
#30363c
RGB
rgb(48, 54, 60)
RGBA
rgba(48, 54, 60, 1)
HSL
hsl(210, 11%, 21%)
HSV
hsv(210, 20%, 24%)
LAB
lab(22.28% -1 -4.61)
LCH
lch(22.28% 4.72 257.76)
OKLAB
oklab(0.3296 -0.005 -0.0125)
OKLCH
oklch(0.3296 0.0135 248.2)
XYZ
xyz(3.35, 3.59, 4.79)
CMYK
cmyk(20%, 10%, 0%, 76%)
CSS
color: #30363c;
CSS variable
--color-30363c: #30363c;
SCSS
$color-30363c: #30363c;
Tailwind
sky-700
Export
:root {
--#30363c-1: #30363c;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.