Colore con nome più vicino · #864B3C
#864B3C
Colore con nome più vicino: Nutmeg
#864B3C (rgb(134 75 60), hsl(12 38% 38%), oklch(0.48 0.084 35.2)) è più vicino al colore con nome Nutmeg. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#864B3C
oklch(0.48 0.084 35.2)
Conversioni di colore
- HEX
- #864b3c
- RGB
- rgb(134 75 60)
- HSL
- hsl(12 38% 38%)
- HWB
- hwb(12 24% 47%)
- OKLCH
- oklch(0.48 0.084 35.2)
- OKLab
- oklab(0.48 0.069 0.048)
- CIE Lab
- lab(38.94 24.43 20.35)
- LCH
- lch(38.94 31.8 39.8)
- CMYK
- cmyk(0% 44% 55% 47%)
Tinte · Ombre · Toni
Tinte
- 935C4E
- 9F6D60
- AB7E73
- B89086
- C4A299
- D0B4AD
- DCC6C1
- E7D9D5
- F3ECEA
Ombre
- 744033
- 62352A
- 512B21
- 402119
- 301711
- 210E0A
- 130604
- 060201
- 010000
Toni
- 865143
- 86564A
- 865C51
- 866157
- 85665E
- 846B65
- 84716C
- 837672
- 817B79
Armonie di colore
Complementare +180°
- 864B3C
Nutmeg
- 03697B
≈ Caribbean Splash
Analogo -30° +30°
- 864B3C
Nutmeg
- 854857
≈ Haunting Melody
- 7E5325
≈ Arable Brown
Triadico +120° +240°
- 864B3C
Nutmeg
- 316B48
≈ Chopped Chive
- 50598D
≈ Piccadilly Purple
Complementare divisa +150° +210°
- 864B3C
Nutmeg
- 026D64
≈ Office Blue Green
- 30628A
≈ Bay Site
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.80:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.08:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--nutmeg: #864b3c;
--nutmeg-rgb: 134 75 60;
--nutmeg-oklch: oklch(0.48 0.084 35.2);
}
.element {
color: var(--nutmeg);
background-color: hsl(12 38% 38%);
border-color: oklch(0.48 0.084 35.2);
}Tailwind CSS v4
@theme {
--color-nutmeg: #864b3c;
--color-nutmeg-50: #ffede4;
--color-nutmeg-100: #ffdfd4;
--color-nutmeg-200: #f6c9bb;
--color-nutmeg-300: #dea999;
--color-nutmeg-400: #cb8d7d;
--color-nutmeg-500: #b77160;
--color-nutmeg-600: #9a6051;
--color-nutmeg-700: #7c4d41;
--color-nutmeg-800: #5c372f;
--color-nutmeg-900: #402620;
--color-nutmeg-950: #291410;
}SCSS
$nutmeg: #864b3c;
$nutmeg-rgb: 134, 75, 60;
$nutmeg-light: mix(#fff, $nutmeg, 20%);
$nutmeg-dark: mix(#000, $nutmeg, 20%);
.element {
color: $nutmeg;
box-shadow: 0 0 0 2px rgba($nutmeg, 0.35);
}