Preview
#242e4e
Family: Blue
Accessibility on this swatch:
Contrast vs white: 13.33:1 · vs black: 1.58:1
HEX
#242e4e
RGB
rgb(36, 46, 78)
RGBA
rgba(36, 46, 78, 1)
HSL
hsl(226, 37%, 22%)
HSV
hsv(226, 54%, 31%)
LAB
lab(19.55% 6.15 -21.05)
LCH
lch(19.55% 21.93 286.29)
OKLAB
oklab(0.3087 -0.0005 -0.0594)
OKLCH
oklch(0.3087 0.0594 269.52)
XYZ
xyz(3.08, 2.88, 7.60)
CMYK
cmyk(54%, 41%, 0%, 69%)
CSS
color: #242e4e;
CSS variable
--color-242e4e: #242e4e;
SCSS
$color-242e4e: #242e4e;
Tailwind
blue-700
Export
:root {
--#242e4e-1: #242e4e;
}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.