Colore con nome · #8F939D
Lilac Fields
Lilac Fields è #8F939D: rgb(143 147 157), hsl(223 7% 59%), oklch(0.663 0.015 268.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lilac Fields color name →
#8F939D
oklch(0.663 0.015 268.4)
Conversioni di colore
- HEX
- #8f939d
- RGB
- rgb(143 147 157)
- HSL
- hsl(223 7% 59%)
- HWB
- hwb(223 56% 38%)
- OKLCH
- oklch(0.663 0.015 268.4)
- OKLab
- oklab(0.663 0 -0.015)
- CIE Lab
- lab(60.85 0.02 -5.82)
- LCH
- lch(60.85 5.82 270.2)
- CMYK
- cmyk(9% 6% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 9A9DA6
- A4A8B0
- AFB2BA
- BABDC3
- C6C8CD
- D1D3D7
- DCDDE1
- E8E9EB
- F3F4F5
Ombre
- 7C7F88
- 696C73
- 57595F
- 45474C
- 34363A
- 242528
- 151618
- 070809
- 010101
Toni
- 8D919A
- 8C8F97
- 8A8D94
- 898B91
- 87898E
- 86888C
- 848689
- 838486
- 818283
Armonie di colore
Complementare +180°
- 8F939D
Lilac Fields
- 979389
≈ Lost Space
Analogo -30° +30°
- 8F939D
Lilac Fields
- 8B959C
≈ Blue Dusk
- 94919C
≈ Partridge Grey
Triadico +120° +240°
- 8F939D
Lilac Fields
- 9C908E
≈ Neutral Buff
- 8D968E
≈ Renegade
Complementare divisa +150° +210°
- 8F939D
Lilac Fields
- 9B918A
≈ Screed Grey
- 92958A
≈ Cornwall Slate
Tetradico +90° +180° +270°
- 8F939D
Lilac Fields
- 9C8F93
≈ Autumn Orchid
- 979389
≈ Lost Space
- 8A9693
≈ Millennium Silver
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.07:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.82:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--lilac-fields: #8f939d;
--lilac-fields-rgb: 143 147 157;
--lilac-fields-oklch: oklch(0.663 0.015 268.4);
}
.element {
color: var(--lilac-fields);
background-color: hsl(223 7% 59%);
border-color: oklch(0.663 0.015 268.4);
}Tailwind CSS v4
@theme {
--color-lilac-fields: #8f939d;
--color-lilac-fields-50: #f3f5fa;
--color-lilac-fields-100: #e6e8ed;
--color-lilac-fields-200: #d1d4db;
--color-lilac-fields-300: #b4b7c0;
--color-lilac-fields-400: #9a9ea8;
--color-lilac-fields-500: #828691;
--color-lilac-fields-600: #6e717a;
--color-lilac-fields-700: #585b62;
--color-lilac-fields-800: #404248;
--color-lilac-fields-900: #2c2e32;
--color-lilac-fields-950: #191b1e;
}SCSS
$lilac-fields: #8f939d;
$lilac-fields-rgb: 143, 147, 157;
$lilac-fields-light: mix(#fff, $lilac-fields, 20%);
$lilac-fields-dark: mix(#000, $lilac-fields, 20%);
.element {
color: $lilac-fields;
box-shadow: 0 0 0 2px rgba($lilac-fields, 0.35);
}