Preview
#243f6a
Family: Blue
Accessibility on this swatch:
Contrast vs white: 10.53:1 · vs black: 1.99:1
HEX
#243f6a
RGB
rgb(36, 63, 106)
RGBA
rgba(36, 63, 106, 1)
HSL
hsl(217, 49%, 28%)
HSV
hsv(217, 66%, 42%)
LAB
lab(26.65% 4.82 -28.18)
LCH
lch(26.65% 28.59 279.71)
OKLAB
oklab(0.369 -0.0151 -0.0801)
OKLCH
oklch(0.369 0.0815 259.32)
XYZ
xyz(5.11, 4.97, 14.32)
CMYK
cmyk(66%, 41%, 0%, 58%)
CSS
color: #243f6a;
CSS variable
--color-243f6a: #243f6a;
SCSS
$color-243f6a: #243f6a;
Tailwind
sky-700
Export
:root {
--#243f6a-1: #243f6a;
}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.