Preview
#2a3d50
Family: Blue
Accessibility on this swatch:
Contrast vs white: 11.16:1 · vs black: 1.88:1
HEX
#2a3d50
RGB
rgb(42, 61, 80)
RGBA
rgba(42, 61, 80, 1)
HSL
hsl(210, 31%, 24%)
HSV
hsv(210, 48%, 31%)
LAB
lab(24.98% -1.69 -13.89)
LCH
lch(24.98% 13.99 263.06)
OKLAB
oklab(0.3524 -0.0148 -0.0386)
OKLCH
oklch(0.3524 0.0413 249.02)
XYZ
xyz(4.07, 4.41, 8.22)
CMYK
cmyk(48%, 24%, 0%, 69%)
CSS
color: #2a3d50;
CSS variable
--color-2a3d50: #2a3d50;
SCSS
$color-2a3d50: #2a3d50;
Tailwind
sky-700
Export
:root {
--#2a3d50-1: #2a3d50;
}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.