Colore con nome · #93542B
Roasted Pecan
Roasted Pecan è #93542B: rgb(147 84 43), hsl(24 55% 37%), oklch(0.511 0.1 51.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Roasted Pecan color name →
#93542B
oklch(0.511 0.1 51.7)
Conversioni di colore
- HEX
- #93542b
- RGB
- rgb(147 84 43)
- HSL
- hsl(24 55% 37%)
- HWB
- hwb(24 17% 42%)
- OKLCH
- oklch(0.511 0.1 51.7)
- OKLab
- oklab(0.511 0.062 0.079)
- CIE Lab
- lab(42.75 24.24 35.1)
- LCH
- lch(42.75 42.66 55.4)
- CMYK
- cmyk(0% 43% 71% 42%)
Tinte · Ombre · Toni
Tinte
- 9E6441
- AA7555
- B5866A
- C0967E
- CAA793
- D5B9A8
- E0CABD
- EADBD3
- F5EDE9
Ombre
- 7F4824
- 6C3C1D
- 593116
- 472610
- 361B0A
- 251105
- 160802
- 080201
- 010000
Toni
- 925935
- 905E3F
- 8F6248
- 8D6750
- 8C6B58
- 8A7060
- 877468
- 857870
- 837C78
Armonie di colore
Complementare +180°
- 93542B
Roasted Pecan
- 0D7096
≈ Tropic Sea
Analogo -30° +30°
- 93542B
Roasted Pecan
- 984D4C
≈ Rembrandt Ruby
- 83600F
≈ Rat Brown
Triadico +120° +240°
- 93542B
Roasted Pecan
- 00785F
≈ Emerald Dream
- 685B9B
≈ Giant Onion
Complementare divisa +150° +210°
- 93542B
Roasted Pecan
- 00757B
≈ Maxi Teal
- 4665A0
≈ Mariner
Tetradico +90° +180° +270°
- 93542B
Roasted Pecan
- 43753D
≈ Cucumber Queen
- 0D7096
≈ Tropic Sea
- 815289
≈ Cleopatra’s Gown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.92:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.54:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.92:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--roasted-pecan: #93542b;
--roasted-pecan-rgb: 147 84 43;
--roasted-pecan-oklch: oklch(0.511 0.1 51.7);
}
.element {
color: var(--roasted-pecan);
background-color: hsl(24 55% 37%);
border-color: oklch(0.511 0.1 51.7);
}Tailwind CSS v4
@theme {
--color-roasted-pecan: #93542b;
--color-roasted-pecan-50: #ffeedb;
--color-roasted-pecan-100: #ffe0c9;
--color-roasted-pecan-200: #f7c9ad;
--color-roasted-pecan-300: #e1aa87;
--color-roasted-pecan-400: #ce8d66;
--color-roasted-pecan-500: #ba7244;
--color-roasted-pecan-600: #9d603a;
--color-roasted-pecan-700: #7e4d2e;
--color-roasted-pecan-800: #5e3721;
--color-roasted-pecan-900: #422616;
--color-roasted-pecan-950: #2a1407;
}SCSS
$roasted-pecan: #93542b;
$roasted-pecan-rgb: 147, 84, 43;
$roasted-pecan-light: mix(#fff, $roasted-pecan, 20%);
$roasted-pecan-dark: mix(#000, $roasted-pecan, 20%);
.element {
color: $roasted-pecan;
box-shadow: 0 0 0 2px rgba($roasted-pecan, 0.35);
}