Colore con nome · #B97254
Warm Copper
Warm Copper è #B97254: rgb(185 114 84), hsl(18 42% 53%), oklch(0.622 0.1 43.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Warm Copper color name →
#B97254
oklch(0.622 0.1 43.4)
Conversioni di colore
- HEX
- #b97254
- RGB
- rgb(185 114 84)
- HSL
- hsl(18 42% 53%)
- HWB
- hwb(18 33% 27%)
- OKLCH
- oklch(0.622 0.1 43.4)
- OKLab
- oklab(0.622 0.073 0.069)
- CIE Lab
- lab(55.48 26.54 28.97)
- LCH
- lch(55.48 39.28 47.5)
- CMYK
- cmyk(0% 38% 55% 27%)
Tinte · Ombre · Toni
Tinte
- C18065
- C88E75
- D09C86
- D7AA97
- DEB8A8
- E5C6B9
- ECD4CA
- F2E2DC
- F9F1ED
Ombre
- A06248
- 89533C
- 714431
- 5B3626
- 46281B
- 311B11
- 1E0E08
- 0D0402
- 020100
Toni
- B47459
- AE765E
- A97763
- A47967
- 9E7A6B
- 987C70
- 927D74
- 8C7E78
- 867F7C
Armonie di colore
Complementare +180°
- B97254
Warm Copper
- 3193B3
≈ Enchanted Well
Analogo -30° +30°
- B97254
Warm Copper
- BB6C75
≈ Cherry Fizz
- AB7D3C
≈ Kaolin
Triadico +120° +240°
- B97254
Warm Copper
- 449A76
≈ Dancing Jewel
- 7F7EC1
≈ Faraway Sky
Complementare divisa +150° +210°
- B97254
Warm Copper
- 1F9998
≈ Java
- 5A8AC2
≈ Danube
Tetradico +90° +180° +270°
- B97254
Warm Copper
- 6E9454
≈ Drab Green
- 3193B3
≈ Enchanted Well
- 9C74B1
≈ Purple Pride
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.59:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-copper: #b97254;
--warm-copper-rgb: 185 114 84;
--warm-copper-oklch: oklch(0.622 0.1 43.4);
}
.element {
color: var(--warm-copper);
background-color: hsl(18 42% 53%);
border-color: oklch(0.622 0.1 43.4);
}Tailwind CSS v4
@theme {
--color-warm-copper: #b97254;
--color-warm-copper-50: #ffedde;
--color-warm-copper-100: #ffdecd;
--color-warm-copper-200: #fac8b1;
--color-warm-copper-300: #e3a88d;
--color-warm-copper-400: #d08b6e;
--color-warm-copper-500: #bd6f4d;
--color-warm-copper-600: #9f5e42;
--color-warm-copper-700: #804b35;
--color-warm-copper-800: #5f3626;
--color-warm-copper-900: #432519;
--color-warm-copper-950: #2b130a;
}SCSS
$warm-copper: #b97254;
$warm-copper-rgb: 185, 114, 84;
$warm-copper-light: mix(#fff, $warm-copper, 20%);
$warm-copper-dark: mix(#000, $warm-copper, 20%);
.element {
color: $warm-copper;
box-shadow: 0 0 0 2px rgba($warm-copper, 0.35);
}