Benannte Farbe · #8D9CAE
Faded Sea
Faded Sea ist #8D9CAE: rgb(141 156 174), hsl(213 17% 62%), oklch(0.687 0.032 253). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Faded Sea color name →
#8D9CAE
oklch(0.687 0.032 253)
Farbumrechnungen
- HEX
- #8d9cae
- RGB
- rgb(141 156 174)
- HSL
- hsl(213 17% 62%)
- HWB
- hwb(213 55% 32%)
- OKLCH
- oklch(0.687 0.032 253)
- OKLab
- oklab(0.687 -0.009 -0.03)
- CIE Lab
- lab(63.61 -2.57 -11.31)
- LCH
- lch(63.61 11.6 257.2)
- CMYK
- cmyk(19% 10% 0% 32%)
Tints · Shades · Tones
Tints
- 98A6B6
- A3AFBE
- AEB9C6
- B9C3CE
- C5CCD6
- D0D6DE
- DCE0E6
- E7EBEE
- F3F5F7
Shades
- 7A8797
- 677380
- 555F6A
- 444C55
- 333941
- 23282E
- 14181C
- 07090B
- 010101
Tones
- 8C99A9
- 8A96A5
- 8994A0
- 88919B
- 878E97
- 858B92
- 84888E
- 838689
- 818385
Farbharmonien
Komplementär +180°
- 8D9CAE
Faded Sea
- A79885
≈ Kiln Dried
Analog -30° +30°
- 8D9CAE
Faded Sea
- 869FA9
≈ Aqua Grey
- 9798AE
≈ Bay Fog
Triadisch +120° +240°
- 8D9CAE
Faded Sea
- AD9395
≈ Deauville Mauve
- 939F8B
≈ Triamble
Geteilt komplementär +150° +210°
- 8D9CAE
Faded Sea
- AC958B
≈ Chic Taupe
- 9E9C85
≈ Knock on Wood
Tetradisch +90° +180° +270°
- 8D9CAE
Faded Sea
- A993A0
≈ Metamorphosis
- A79885
≈ Kiln Dried
- 89A195
≈ Modern Mint
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--faded-sea: #8d9cae;
--faded-sea-rgb: 141 156 174;
--faded-sea-oklch: oklch(0.687 0.032 253);
}
.element {
color: var(--faded-sea);
background-color: hsl(213 17% 62%);
border-color: oklch(0.687 0.032 253);
}Tailwind CSS v4
@theme {
--color-faded-sea: #8d9cae;
--color-faded-sea-50: #eff6fe;
--color-faded-sea-100: #e1e9f3;
--color-faded-sea-200: #cbd5e2;
--color-faded-sea-300: #adb9c8;
--color-faded-sea-400: #92a0b1;
--color-faded-sea-500: #78889b;
--color-faded-sea-600: #657383;
--color-faded-sea-700: #515c69;
--color-faded-sea-800: #3a434d;
--color-faded-sea-900: #282f36;
--color-faded-sea-950: #161b21;
}SCSS
$faded-sea: #8d9cae;
$faded-sea-rgb: 141, 156, 174;
$faded-sea-light: mix(#fff, $faded-sea, 20%);
$faded-sea-dark: mix(#000, $faded-sea, 20%);
.element {
color: $faded-sea;
box-shadow: 0 0 0 2px rgba($faded-sea, 0.35);
}