Colore con nome più vicino · #84745A
#84745A
Colore con nome più vicino: Handmade
#84745A (rgb(132 116 90), hsl(37 19% 44%), oklch(0.567 0.043 79.7)) è più vicino al colore con nome Handmade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#84745A
oklch(0.567 0.043 79.7)
Conversioni di colore
- HEX
- #84745a
- RGB
- rgb(132 116 90)
- HSL
- hsl(37 19% 44%)
- HWB
- hwb(37 35% 48%)
- OKLCH
- oklch(0.567 0.043 79.7)
- OKLab
- oklab(0.567 0.008 0.042)
- CIE Lab
- lab(49.83 3.34 16.82)
- LCH
- lch(49.83 17.15 78.8)
- CMYK
- cmyk(0% 12% 32% 48%)
Tinte · Ombre · Toni
Tinte
- 908169
- 9B8E79
- A79C89
- B4A999
- C0B7AA
- CCC5BA
- D9D3CB
- E5E2DC
- F2F0ED
Ombre
- 72644D
- 605441
- 4F4535
- 3F3729
- 2F291E
- 201B13
- 120F09
- 060503
- 010100
Toni
- 84755E
- 837662
- 837866
- 83796A
- 827A6D
- 827B71
- 817D75
- 817E79
- 807F7C
Armonie di colore
Complementare +180°
- 84745A
Handmade
- 687790
≈ Noble Blue
Analogo -30° +30°
- 84745A
Handmade
- 8C6F60
≈ Sea Lion Brown
- 78795C
≈ Kokoda
Triadico +120° +240°
- 84745A
Handmade
- 587E80
≈ Labradorite Green
- 826F87
≈ Parma Grey
Complementare divisa +150° +210°
- 84745A
Handmade
- 5C7C8B
≈ Night Owl
- 75738F
≈ Capercaillie Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.53:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.62:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--handmade: #84745a;
--handmade-rgb: 132 116 90;
--handmade-oklch: oklch(0.567 0.043 79.7);
}
.element {
color: var(--handmade);
background-color: hsl(37 19% 44%);
border-color: oklch(0.567 0.043 79.7);
}Tailwind CSS v4
@theme {
--color-handmade: #84745a;
--color-handmade-50: #fbf4e8;
--color-handmade-100: #efe7d8;
--color-handmade-200: #ded3c0;
--color-handmade-300: #c3b69f;
--color-handmade-400: #ac9c82;
--color-handmade-500: #958366;
--color-handmade-600: #7e6f57;
--color-handmade-700: #655945;
--color-handmade-800: #4b4132;
--color-handmade-900: #342d22;
--color-handmade-950: #1f1a11;
}SCSS
$handmade: #84745a;
$handmade-rgb: 132, 116, 90;
$handmade-light: mix(#fff, $handmade, 20%);
$handmade-dark: mix(#000, $handmade, 20%);
.element {
color: $handmade;
box-shadow: 0 0 0 2px rgba($handmade, 0.35);
}