Benannte Farbe · #8D90A1
Manatee
Manatee ist #8D90A1: rgb(141 144 161), hsl(231 10% 59%), oklch(0.657 0.025 277.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Manatee color name →
#8D90A1
oklch(0.657 0.025 277.7)
Farbumrechnungen
- HEX
- #8d90a1
- RGB
- rgb(141 144 161)
- HSL
- hsl(231 10% 59%)
- HWB
- hwb(231 55% 37%)
- OKLCH
- oklch(0.657 0.025 277.7)
- OKLab
- oklab(0.657 0.003 -0.025)
- CIE Lab
- lab(59.96 1.52 -9.41)
- LCH
- lch(59.96 9.53 279.2)
- CMYK
- cmyk(12% 11% 0% 37%)
Tints · Shades · Tones
Tints
- 989BAA
- A3A5B3
- AEB0BC
- B9BBC6
- C4C6CF
- D0D1D9
- DCDDE2
- E7E8EC
- F3F3F5
Shades
- 7A7D8B
- 676A76
- 555762
- 44454E
- 33343C
- 23242A
- 141519
- 070709
- 010101
Tones
- 8C8E9E
- 8A8D9A
- 898B97
- 888A94
- 868890
- 85868D
- 84858A
- 838387
- 818283
Farbharmonien
Komplementär +180°
- 8D90A1
Manatee
- 959280
≈ Canal Street
Analog -30° +30°
- 8D90A1
Manatee
- 8593A0
≈ Supreme Grey
- 958D9D
≈ Gentle Mauve
Triadisch +120° +240°
- 8D90A1
Manatee
- A08C86
≈ Satellite
- 85968B
≈ Underground Gardens
Geteilt komplementär +150° +210°
- 8D90A1
Manatee
- 9C8F81
≈ Putty Yellow
- 8D9484
≈ Eyre
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.16:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.63:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--manatee: #8d90a1;
--manatee-rgb: 141 144 161;
--manatee-oklch: oklch(0.657 0.025 277.7);
}
.element {
color: var(--manatee);
background-color: hsl(231 10% 59%);
border-color: oklch(0.657 0.025 277.7);
}Tailwind CSS v4
@theme {
--color-manatee: #8d90a1;
--color-manatee-50: #f3f4fd;
--color-manatee-100: #e6e7f0;
--color-manatee-200: #d2d3df;
--color-manatee-300: #b4b6c5;
--color-manatee-400: #9a9dae;
--color-manatee-500: #828597;
--color-manatee-600: #6e7180;
--color-manatee-700: #585a66;
--color-manatee-800: #40424b;
--color-manatee-900: #2c2d34;
--color-manatee-950: #191a20;
}SCSS
$manatee: #8d90a1;
$manatee-rgb: 141, 144, 161;
$manatee-light: mix(#fff, $manatee, 20%);
$manatee-dark: mix(#000, $manatee, 20%);
.element {
color: $manatee;
box-shadow: 0 0 0 2px rgba($manatee, 0.35);
}