Colore con nome · #998E83
Eiffel Tower
Eiffel Tower è #998E83: rgb(153 142 131), hsl(30 10% 56%), oklch(0.653 0.021 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Eiffel Tower color name →
#998E83
oklch(0.653 0.021 67.5)
Conversioni di colore
- HEX
- #998e83
- RGB
- rgb(153 142 131)
- HSL
- hsl(30 10% 56%)
- HWB
- hwb(30 51% 40%)
- OKLCH
- oklch(0.653 0.021 67.5)
- OKLab
- oklab(0.653 0.008 0.019)
- CIE Lab
- lab(59.76 2.8 7.44)
- LCH
- lch(59.76 7.94 69.4)
- CMYK
- cmyk(0% 7% 14% 40%)
Tinte · Ombre · Toni
Tinte
- A3998F
- ADA49B
- B7AFA7
- C1BAB3
- CBC5BF
- D5D0CC
- DFDCD8
- EAE7E5
- F4F3F2
Ombre
- 847B71
- 706860
- 5D564F
- 4A443F
- 38342F
- 272420
- 171512
- 080706
- 010101
Toni
- 968D83
- 948B82
- 918A82
- 8F8882
- 8C8782
- 8A8681
- 878481
- 858381
- 828180
Armonie di colore
Complementare +180°
- 998E83
Eiffel Tower
- 86929C
≈ Supreme Grey
Analogo -30° +30°
- 998E83
Eiffel Tower
- 9C8C87
≈ Ruins of Metal
- 939082
≈ Stony Creek
Triadico +120° +240°
- 998E83
Eiffel Tower
- 839492
≈ Raindance
- 938D9A
≈ Minimal Grey
Complementare divisa +150° +210°
- 998E83
Eiffel Tower
- 839499
≈ Carrier Pigeon Blue
- 8D8F9D
≈ Manatee
Tetradico +90° +180° +270°
- 998E83
Eiffel Tower
- 86948B
≈ Zinc Blue
- 86929C
≈ Supreme Grey
- 998B95
≈ Purple Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.55:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.55:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--eiffel-tower: #998e83;
--eiffel-tower-rgb: 153 142 131;
--eiffel-tower-oklch: oklch(0.653 0.021 67.5);
}
.element {
color: var(--eiffel-tower);
background-color: hsl(30 10% 56%);
border-color: oklch(0.653 0.021 67.5);
}Tailwind CSS v4
@theme {
--color-eiffel-tower: #998e83;
--color-eiffel-tower-50: #f9f4ef;
--color-eiffel-tower-100: #ede7e1;
--color-eiffel-tower-200: #dad3cb;
--color-eiffel-tower-300: #bfb6ac;
--color-eiffel-tower-400: #a79c92;
--color-eiffel-tower-500: #908478;
--color-eiffel-tower-600: #7a7066;
--color-eiffel-tower-700: #615951;
--color-eiffel-tower-800: #48413b;
--color-eiffel-tower-900: #322d28;
--color-eiffel-tower-950: #1e1a16;
}SCSS
$eiffel-tower: #998e83;
$eiffel-tower-rgb: 153, 142, 131;
$eiffel-tower-light: mix(#fff, $eiffel-tower, 20%);
$eiffel-tower-dark: mix(#000, $eiffel-tower, 20%);
.element {
color: $eiffel-tower;
box-shadow: 0 0 0 2px rgba($eiffel-tower, 0.35);
}