Preview
#0b5473
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 8.3:1 · vs black: 2.53:1
HEX
#0b5473
RGB
rgb(11, 84, 115)
RGBA
rgba(11, 84, 115, 1)
HSL
hsl(198, 83%, 25%)
HSV
hsv(198, 90%, 45%)
LAB
lab(33.24% -8.81 -23.54)
LCH
lch(33.24% 25.13 249.48)
OKLAB
oklab(0.4205 -0.0494 -0.0665)
OKLCH
oklch(0.4205 0.0828 233.39)
XYZ
xyz(6.40, 7.65, 17.36)
CMYK
cmyk(90%, 27%, 0%, 55%)
CSS
color: #0b5473;
CSS variable
--color-0b5473: #0b5473;
SCSS
$color-0b5473: #0b5473;
Tailwind
cyan-700
Export
:root {
--#0b5473-1: #0b5473;
}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.