Benannte Farbe · #8092BC
Soothsayer
Soothsayer ist #8092BC: rgb(128 146 188), hsl(222 31% 62%), oklch(0.661 0.066 266.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Soothsayer color name →
#8092BC
oklch(0.661 0.066 266.6)
Farbumrechnungen
- HEX
- #8092bc
- RGB
- rgb(128 146 188)
- HSL
- hsl(222 31% 62%)
- HWB
- hwb(222 50% 26%)
- OKLCH
- oklch(0.661 0.066 266.6)
- OKLab
- oklab(0.661 -0.004 -0.066)
- CIE Lab
- lab(60.3 0.95 -24.24)
- LCH
- lch(60.3 24.26 272.2)
- CMYK
- cmyk(32% 22% 0% 26%)
Tints · Shades · Tones
Tints
- 8C9DC3
- 98A7CA
- A4B2D0
- B1BDD7
- BEC8DE
- CAD2E5
- D7DDEB
- E4E9F2
- F2F4F8
Shades
- 6E7EA3
- 5D6B8B
- 4D5873
- 3D465D
- 2E3547
- 1F2532
- 12161F
- 06080D
- 010102
Tones
- 8090B6
- 808FB0
- 808DAA
- 808BA4
- 80899E
- 808798
- 808692
- 80848C
- 808286
Farbharmonien
Komplementär +180°
- 8092BC
Soothsayer
- A49063
≈ Rattan
Analog -30° +30°
- 8092BC
Soothsayer
- 6B99B6
≈ Yacht Blue
- 968BB7
≈ Brave Purple
Triadisch +120° +240°
- 8092BC
Soothsayer
- B8837D
≈ Ash Rose
- 789E7B
≈ Green Grey
Geteilt komplementär +150° +210°
- 8092BC
Soothsayer
- B2896B
≈ Mangy Moose
- 909869
≈ Exotic Palm
Tetradisch +90° +180° +270°
- 8092BC
Soothsayer
- B48293
≈ Nuisette
- A49063
≈ Rattan
- 65A091
≈ Emerald Oasis
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.10:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.75:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--soothsayer: #8092bc;
--soothsayer-rgb: 128 146 188;
--soothsayer-oklch: oklch(0.661 0.066 266.6);
}
.element {
color: var(--soothsayer);
background-color: hsl(222 31% 62%);
border-color: oklch(0.661 0.066 266.6);
}Tailwind CSS v4
@theme {
--color-soothsayer: #8092bc;
--color-soothsayer-50: #edf5ff;
--color-soothsayer-100: #dee8ff;
--color-soothsayer-200: #c8d4f1;
--color-soothsayer-300: #a9b7da;
--color-soothsayer-400: #8c9ec6;
--color-soothsayer-500: #7285b3;
--color-soothsayer-600: #617197;
--color-soothsayer-700: #4d5a79;
--color-soothsayer-800: #37425a;
--color-soothsayer-900: #262e3f;
--color-soothsayer-950: #141a28;
}SCSS
$soothsayer: #8092bc;
$soothsayer-rgb: 128, 146, 188;
$soothsayer-light: mix(#fff, $soothsayer, 20%);
$soothsayer-dark: mix(#000, $soothsayer, 20%);
.element {
color: $soothsayer;
box-shadow: 0 0 0 2px rgba($soothsayer, 0.35);
}