Colore con nome più vicino · #A86252
#A86252
Colore con nome più vicino: Grand Canyon
#A86252 (rgb(168 98 82), hsl(11 34% 49%), oklch(0.571 0.095 33.7)) è più vicino al colore con nome Grand Canyon. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A86252
oklch(0.571 0.095 33.7)
Conversioni di colore
- HEX
- #a86252
- RGB
- rgb(168 98 82)
- HSL
- hsl(11 34% 49%)
- HWB
- hwb(11 32% 34%)
- OKLCH
- oklch(0.571 0.095 33.7)
- OKLab
- oklab(0.571 0.079 0.053)
- CIE Lab
- lab(49.47 27.82 21.94)
- LCH
- lch(49.47 35.43 38.3)
- CMYK
- cmyk(0% 42% 51% 34%)
Tinte · Ombre · Toni
Tinte
- B27162
- BB8073
- C49083
- CD9F94
- D6AFA6
- DEBFB7
- E7CEC9
- EFDFDB
- F7EFED
Ombre
- 925446
- 7C473B
- 673A2F
- 522D25
- 3F211A
- 2C1611
- 1A0B08
- 0A0302
- 010000
Toni
- A56557
- A1695C
- 9E6C60
- 9A6F65
- 96726A
- 92756E
- 8E7873
- 897B77
- 857D7C
Armonie di colore
Complementare +180°
- A86252
Grand Canyon
- 19869A
≈ Marker Blue
Analogo -30° +30°
- A86252
Grand Canyon
- A65F71
≈ Shine Baby Shine
- 9F6B37
≈ Eagle
Triadico +120° +240°
- A86252
Grand Canyon
- 46885D
≈ Onion Seedling
- 6673B0
≈ Wild Pansy
Complementare divisa +150° +210°
- A86252
Grand Canyon
- 1C8A7E
≈ Porcelain Green
- 427DAB
≈ Beijing Blue
Tetradico +90° +180° +270°
- A86252
Grand Canyon
- 6C813F
≈ Leaps and Bounds
- 19869A
≈ Marker Blue
- 8469A5
≈ Bitter Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.63:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.53:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--grand-canyon: #a86252;
--grand-canyon-rgb: 168 98 82;
--grand-canyon-oklch: oklch(0.571 0.095 33.7);
}
.element {
color: var(--grand-canyon);
background-color: hsl(11 34% 49%);
border-color: oklch(0.571 0.095 33.7);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #a86252;
--color-grand-canyon-50: #ffece3;
--color-grand-canyon-100: #ffded3;
--color-grand-canyon-200: #fac7b9;
--color-grand-canyon-300: #e3a796;
--color-grand-canyon-400: #d08a79;
--color-grand-canyon-500: #bc6e5c;
--color-grand-canyon-600: #9f5d4e;
--color-grand-canyon-700: #804a3e;
--color-grand-canyon-800: #5f352d;
--color-grand-canyon-900: #43241f;
--color-grand-canyon-950: #2b130e;
}SCSS
$grand-canyon: #a86252;
$grand-canyon-rgb: 168, 98, 82;
$grand-canyon-light: mix(#fff, $grand-canyon, 20%);
$grand-canyon-dark: mix(#000, $grand-canyon, 20%);
.element {
color: $grand-canyon;
box-shadow: 0 0 0 2px rgba($grand-canyon, 0.35);
}