Preview
#0c4e67
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 9.13:1 · vs black: 2.3:1
HEX
#0c4e67
RGB
rgb(12, 78, 103)
RGBA
rgba(12, 78, 103, 1)
HSL
hsl(196, 79%, 23%)
HSV
hsv(196, 88%, 40%)
LAB
lab(30.65% -9.79 -20.04)
LCH
lch(30.65% 22.3 243.96)
OKLAB
oklab(0.3979 -0.0478 -0.0564)
OKLCH
oklch(0.3979 0.0739 229.72)
XYZ
xyz(5.32, 6.51, 13.80)
CMYK
cmyk(88%, 24%, 0%, 60%)
CSS
color: #0c4e67;
CSS variable
--color-0c4e67: #0c4e67;
SCSS
$color-0c4e67: #0c4e67;
Tailwind
cyan-700
Export
:root {
--#0c4e67-1: #0c4e67;
}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.