Named color · #5B89C0
Danube
Danube is #5B89C0: rgb(91 137 192), hsl(213 44% 55%), oklch(0.62 0.098 253.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Danube color name →
#5B89C0
oklch(0.62 0.098 253.6)
Color conversions
- HEX
- #5b89c0
- RGB
- rgb(91 137 192)
- HSL
- hsl(213 44% 55%)
- HWB
- hwb(213 36% 25%)
- OKLCH
- oklch(0.62 0.098 253.6)
- OKLab
- oklab(0.62 -0.028 -0.094)
- CIE Lab
- lab(55.54 -4.05 -34.05)
- LCH
- lch(55.54 34.29 263.2)
- CMYK
- cmyk(53% 29% 0% 25%)
Tints · Shades · Tones
Tints
- 6B95C7
- 7BA0CD
- 8BACD4
- 9BB8DA
- ACC3E1
- BCCFE7
- CCDBED
- DDE7F3
- EEF3F9
Shades
- 4E76A7
- 41648E
- 355376
- 29425F
- 1E3149
- 132234
- 091420
- 03070E
- 000102
Tones
- 5F88BA
- 6388B3
- 6787AD
- 6B86A7
- 6F85A0
- 73849A
- 768394
- 79828D
- 7D8187
Color harmonies
Complementary +180°
- 5B89C0
Danube
- AA7D3D
≈ Rich Sorrel
Analogous -30° +30°
- 5B89C0
Danube
- 3493B2
≈ Enchanted Well
- 7F7EBF
≈ Deep Periwinkle
Triadic +120° +240°
- 5B89C0
Danube
- B96D75
≈ Rose Gold
- 6E9355
≈ Drab Green
Split-complementary +150° +210°
- 5B89C0
Danube
- B77255
≈ Iced Tea
- 90893D
≈ Cider Mill
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.63:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.78:1 · APCA Lc 38
Best text color: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--danube: #5b89c0;
--danube-rgb: 91 137 192;
--danube-oklch: oklch(0.62 0.098 253.6);
}
.element {
color: var(--danube);
background-color: hsl(213 44% 55%);
border-color: oklch(0.62 0.098 253.6);
}Tailwind CSS v4
@theme {
--color-danube: #5b89c0;
--color-danube-50: #e3f7ff;
--color-danube-100: #d3eaff;
--color-danube-200: #b9d7fe;
--color-danube-300: #96bae9;
--color-danube-400: #75a2d7;
--color-danube-500: #5689c5;
--color-danube-600: #4974a7;
--color-danube-700: #3a5d86;
--color-danube-800: #284463;
--color-danube-900: #1b2f46;
--color-danube-950: #0b1b2d;
}SCSS
$danube: #5b89c0;
$danube-rgb: 91, 137, 192;
$danube-light: mix(#fff, $danube, 20%);
$danube-dark: mix(#000, $danube, 20%);
.element {
color: $danube;
box-shadow: 0 0 0 2px rgba($danube, 0.35);
}