Preview
#0b64a8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.17:1 · vs black: 3.4:1
HEX
#0b64a8
RGB
rgb(11, 100, 168)
RGBA
rgba(11, 100, 168, 1)
HSL
hsl(206, 88%, 35%)
HSV
hsv(206, 93%, 66%)
LAB
lab(41.23% 2.45 -43.04)
LCH
lch(41.23% 43.11 273.26)
OKLAB
oklab(0.4931 -0.0469 -0.1232)
OKLCH
oklch(0.4931 0.1318 249.16)
XYZ
xyz(11.76, 12.01, 38.74)
CMYK
cmyk(93%, 40%, 0%, 34%)
CSS
color: #0b64a8;
CSS variable
--color-0b64a8: #0b64a8;
SCSS
$color-0b64a8: #0b64a8;
Tailwind
sky-600
Export
:root {
--#0b64a8-1: #0b64a8;
}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.