Preview
#0086b3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.15:1 · vs black: 5.06:1
HEX
#0086b3
RGB
rgb(0, 134, 179)
RGBA
rgba(0, 134, 179, 1)
HSL
hsl(195, 100%, 35%)
HSV
hsv(195, 100%, 70%)
LAB
lab(52.18% -14.06 -32.17)
LCH
lch(52.18% 35.11 246.39)
OKLAB
oklab(0.5814 -0.0738 -0.0909)
OKLCH
oklch(0.5814 0.1171 230.93)
XYZ
xyz(16.66, 20.30, 45.68)
CMYK
cmyk(100%, 25%, 0%, 30%)
CSS
color: #0086b3;
CSS variable
--color-0086b3: #0086b3;
SCSS
$color-0086b3: #0086b3;
Tailwind
cyan-600
Export
:root {
--#0086b3-1: #0086b3;
}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.