Colore con nome · #8D9CAE
Faded Sea
Faded Sea è #8D9CAE: rgb(141 156 174), hsl(213 17% 62%), oklch(0.687 0.032 253). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Faded Sea color name →
#8D9CAE
oklch(0.687 0.032 253)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 98A6B6
- A3AFBE
- AEB9C6
- B9C3CE
- C5CCD6
- D0D6DE
- DCE0E6
- E7EBEE
- F3F5F7
Ombre
- 7A8797
- 677380
- 555F6A
- 444C55
- 333941
- 23282E
- 14181C
- 07090B
- 010101
Toni
- 8C99A9
- 8A96A5
- 8994A0
- 88919B
- 878E97
- 858B92
- 84888E
- 838689
- 818385
Armonie di colore
Complementare +180°
- 8D9CAE
Faded Sea
- A79885
≈ Kiln Dried
Analogo -30° +30°
- 8D9CAE
Faded Sea
- 869FA9
≈ Aqua Grey
- 9798AE
≈ Bay Fog
Triadico +120° +240°
- 8D9CAE
Faded Sea
- AD9395
≈ Deauville Mauve
- 939F8B
≈ Triamble
Complementare divisa +150° +210°
- 8D9CAE
Faded Sea
- AC958B
≈ Chic Taupe
- 9E9C85
≈ Knock on Wood
Tetradico +90° +180° +270°
- 8D9CAE
Faded Sea
- A993A0
≈ Metamorphosis
- A79885
≈ Kiln Dried
- 89A195
≈ Modern Mint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
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);
}