Benannte Farbe · #5182B9
Fisher King
Fisher King ist #5182B9: rgb(81 130 185), hsl(212 43% 52%), oklch(0.596 0.1 252.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Fisher King color name →
#5182B9
oklch(0.596 0.1 252.4)
Farbumrechnungen
- HEX
- #5182b9
- RGB
- rgb(81 130 185)
- HSL
- hsl(212 43% 52%)
- HWB
- hwb(212 32% 27%)
- OKLCH
- oklch(0.596 0.1 252.4)
- OKLab
- oklab(0.596 -0.03 -0.095)
- CIE Lab
- lab(52.7 -4.53 -34.53)
- LCH
- lch(52.7 34.83 262.5)
- CMYK
- cmyk(56% 30% 0% 27%)
Tints · Shades · Tones
Tints
- 628EC0
- 739BC8
- 84A7CF
- 95B3D6
- A7C0DD
- B8CCE4
- C9D9EB
- DBE5F2
- EDF2F8
Shades
- 4570A0
- 3A5F89
- 2F4E71
- 243E5B
- 1A2F46
- 102031
- 07121E
- 02060D
- 000102
Tones
- 5682B4
- 5C82AE
- 6182A8
- 6682A3
- 6A829D
- 6F8297
- 738192
- 78818C
- 7C8186
Farbharmonien
Komplementär +180°
- 5182B9
Fisher King
- A37534
≈ Digger’s Gold
Analog -30° +30°
- 5182B9
Fisher King
- 258CAA
≈ Mediterranean Sea
- 7677B9
≈ Persian Jewel
Triadisch +120° +240°
- 5182B9
Fisher King
- B2656F
≈ Berry Crush
- 688C4B
≈ Makrut Lime
Geteilt komplementär +150° +210°
- 5182B9
Fisher King
- B16A4D
≈ Amber Brown
- 8B8132
≈ Apeland
Tetradisch +90° +180° +270°
- 5182B9
Fisher King
- A8668F
≈ Wild Mulberry
- A37534
≈ Digger’s Gold
- 3D916D
≈ Illuminati Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.00:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.24:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--fisher-king: #5182b9;
--fisher-king-rgb: 81 130 185;
--fisher-king-oklch: oklch(0.596 0.1 252.4);
}
.element {
color: var(--fisher-king);
background-color: hsl(212 43% 52%);
border-color: oklch(0.596 0.1 252.4);
}Tailwind CSS v4
@theme {
--color-fisher-king: #5182b9;
--color-fisher-king-50: #e2f7ff;
--color-fisher-king-100: #d2eaff;
--color-fisher-king-200: #b8d7ff;
--color-fisher-king-300: #94baea;
--color-fisher-king-400: #73a2d8;
--color-fisher-king-500: #5289c7;
--color-fisher-king-600: #4774a8;
--color-fisher-king-700: #385d87;
--color-fisher-king-800: #264464;
--color-fisher-king-900: #192f46;
--color-fisher-king-950: #0a1c2e;
}SCSS
$fisher-king: #5182b9;
$fisher-king-rgb: 81, 130, 185;
$fisher-king-light: mix(#fff, $fisher-king, 20%);
$fisher-king-dark: mix(#000, $fisher-king, 20%);
.element {
color: $fisher-king;
box-shadow: 0 0 0 2px rgba($fisher-king, 0.35);
}