Named color · #0098D4
Bayern Blue
Bayern Blue is #0098D4: rgb(0 152 212), hsl(197 100% 42%), oklch(0.642 0.137 235.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Bayern Blue color name →
#0098D4
oklch(0.642 0.137 235.6)
Color conversions
- HEX
- #0098d4
- RGB
- rgb(0 152 212)
- HSL
- hsl(197 100% 42%)
- HWB
- hwb(197 0% 17%)
- OKLCH
- oklch(0.642 0.137 235.6)
- OKLab
- oklab(0.642 -0.078 -0.113)
- CIE Lab
- lab(58.51 -17.91 -40.85)
- LCH
- lch(58.51 44.61 246.3)
- CMYK
- cmyk(100% 28% 0% 17%)
Tints · Shades · Tones
Tints
- 39A3D9
- 56ADDE
- 6EB8E2
- 84C2E7
- 99CCEB
- AED6EF
- C3E1F4
- D7EBF8
- EBF5FB
Shades
- 0084B8
- 00709D
- 005C83
- 004A69
- 003851
- 00273A
- 001724
- 000810
- 000102
Tones
- 2896CC
- 3B94C3
- 4892BB
- 5390B3
- 5C8DAA
- 658BA2
- 6C889A
- 738691
- 7A8389
Color harmonies
Complementary +180°
- 0098D4
Bayern Blue
- CB732C
≈ October
Analogous -30° +30°
- 0098D4
Bayern Blue
- 009FAD
≈ Riviera
- 6489E0
≈ Soft Blue
Triadic +120° +240°
- 0098D4
Bayern Blue
- CC6690
≈ Preppy Rose
- 8A961C
≈ Snakes in the Grass
Split-complementary +150° +210°
- 0098D4
Bayern Blue
- D36860
≈ Tory Red
- B18500
≈ Chestnut Gold
Tetradic +90° +180° +270°
- 0098D4
Bayern Blue
- B76DBA
≈ Lavendless
- CB732C
≈ October
- 4FA256
≈ Spinach
Contrast & accessibility
Ag
FailOn white
WCAG 3.25:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.44:1 · APCA Lc 42
Best text color: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--bayern-blue: #0098d4;
--bayern-blue-rgb: 0 152 212;
--bayern-blue-oklch: oklch(0.642 0.137 235.6);
}
.element {
color: var(--bayern-blue);
background-color: hsl(197 100% 42%);
border-color: oklch(0.642 0.137 235.6);
}Tailwind CSS v4
@theme {
--color-bayern-blue: #0098d4;
--color-bayern-blue-50: #d1fcff;
--color-bayern-blue-100: #bdf0ff;
--color-bayern-blue-200: #9cdeff;
--color-bayern-blue-300: #6ec2f5;
--color-bayern-blue-400: #38aae4;
--color-bayern-blue-500: #0091d3;
--color-bayern-blue-600: #007bb2;
--color-bayern-blue-700: #00638f;
--color-bayern-blue-800: #00496a;
--color-bayern-blue-900: #00334b;
--color-bayern-blue-950: #001e31;
}SCSS
$bayern-blue: #0098d4;
$bayern-blue-rgb: 0, 152, 212;
$bayern-blue-light: mix(#fff, $bayern-blue, 20%);
$bayern-blue-dark: mix(#000, $bayern-blue, 20%);
.element {
color: $bayern-blue;
box-shadow: 0 0 0 2px rgba($bayern-blue, 0.35);
}