Colore con nome più vicino · #9D5A4F
#9D5A4F
Colore con nome più vicino: Grand Canyon
#9D5A4F (rgb(157 90 79), hsl(8 33% 46%), oklch(0.542 0.091 30.2)) è più vicino al colore con nome Grand Canyon. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9D5A4F
oklch(0.542 0.091 30.2)
Conversioni di colore
- HEX
- #9d5a4f
- RGB
- rgb(157 90 79)
- HSL
- hsl(8 33% 46%)
- HWB
- hwb(8 31% 38%)
- OKLCH
- oklch(0.542 0.091 30.2)
- OKLab
- oklab(0.542 0.078 0.046)
- CIE Lab
- lab(46.05 27.32 18.91)
- LCH
- lch(46.05 33.23 34.7)
- CMYK
- cmyk(0% 43% 50% 38%)
Tinte · Ombre · Toni
Tinte
- A86A5F
- B27A70
- BC8A81
- C69A92
- D0AAA4
- DABBB5
- E3CCC7
- EDDDDA
- F6EEEC
Ombre
- 884D44
- 734138
- 5F352E
- 4C2923
- 3A1E19
- 281310
- 180907
- 090302
- 010000
Toni
- 9B5E54
- 986259
- 96665E
- 936A63
- 916E68
- 8E726D
- 8B7572
- 877976
- 847D7B
Armonie di colore
Complementare +180°
- 9D5A4F
Grand Canyon
- 107D8C
≈ Metallic Seaweed
Analogo -30° +30°
- 9D5A4F
Grand Canyon
- 9A586D
≈ Mulberry Mix
- 956235
≈ Oregon Hazel
Triadico +120° +240°
- 9D5A4F
Grand Canyon
- 457E53
≈ Melbourne
- 5B6CA4
≈ Splendour and Pride
Complementare divisa +150° +210°
- 9D5A4F
Grand Canyon
- 1C8071
≈ Tropical Green
- 38769F
≈ Taiwan Blue Magpie
Tetradico +90° +180° +270°
- 9D5A4F
Grand Canyon
- 687737
≈ Army Golf
- 107D8C
≈ Metallic Seaweed
- 78639C
≈ Purple Paradise
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--grand-canyon: #9d5a4f;
--grand-canyon-rgb: 157 90 79;
--grand-canyon-oklch: oklch(0.542 0.091 30.2);
}
.element {
color: var(--grand-canyon);
background-color: hsl(8 33% 46%);
border-color: oklch(0.542 0.091 30.2);
}Tailwind CSS v4
@theme {
--color-grand-canyon: #9d5a4f;
--color-grand-canyon-50: #ffece5;
--color-grand-canyon-100: #ffded5;
--color-grand-canyon-200: #f9c7bc;
--color-grand-canyon-300: #e2a79a;
--color-grand-canyon-400: #ce8a7e;
--color-grand-canyon-500: #bb6e62;
--color-grand-canyon-600: #9e5e53;
--color-grand-canyon-700: #7f4b42;
--color-grand-canyon-800: #5e3630;
--color-grand-canyon-900: #422521;
--color-grand-canyon-950: #2a1310;
}SCSS
$grand-canyon: #9d5a4f;
$grand-canyon-rgb: 157, 90, 79;
$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);
}