Colore con nome più vicino · #A96634
#A96634
Colore con nome più vicino: Mai Tai
#A96634 (rgb(169 102 52), hsl(26 53% 43%), oklch(0.575 0.108 55.2)) è più vicino al colore con nome Mai Tai. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A96634
oklch(0.575 0.108 55.2)
Conversioni di colore
- HEX
- #a96634
- RGB
- rgb(169 102 52)
- HSL
- hsl(26 53% 43%)
- HWB
- hwb(26 20% 34%)
- OKLCH
- oklch(0.575 0.108 55.2)
- OKLab
- oklab(0.575 0.062 0.089)
- CIE Lab
- lab(50.17 24.46 39.41)
- LCH
- lch(50.17 46.39 58.2)
- CMYK
- cmyk(0% 40% 69% 34%)
Tinte · Ombre · Toni
Tinte
- B2754A
- BB845E
- C49372
- CDA285
- D6B199
- DEC1AD
- E7D0C1
- EFE0D6
- F7EFEA
Ombre
- 92582C
- 7C4A24
- 673C1C
- 532F15
- 3F230E
- 2C1707
- 1B0C03
- 0A0401
- 010000
Toni
- A5693E
- A26C46
- 9E6F4F
- 9A7256
- 96745E
- 927765
- 8E796C
- 897C73
- 857E79
Armonie di colore
Complementare +180°
- A96634
Mai Tai
- 2682AF
≈ Blue Bird Day
Analogo -30° +30°
- A96634
Mai Tai
- B05D58
≈ Pottery Red
- 96731C
≈ Glazed Chestnut
Triadico +120° +240°
- A96634
Mai Tai
- 018D75
≈ Emerald Enchantment
- 7E6BB2
≈ Clear Mauve
Complementare divisa +150° +210°
- A96634
Mai Tai
- 008994
≈ Tuscana Blue
- 5977B9
≈ Blue Android Base
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--mai-tai: #a96634;
--mai-tai-rgb: 169 102 52;
--mai-tai-oklch: oklch(0.575 0.108 55.2);
}
.element {
color: var(--mai-tai);
background-color: hsl(26 53% 43%);
border-color: oklch(0.575 0.108 55.2);
}Tailwind CSS v4
@theme {
--color-mai-tai: #a96634;
--color-mai-tai-50: #ffeed8;
--color-mai-tai-100: #ffe0c5;
--color-mai-tai-200: #f9c9a8;
--color-mai-tai-300: #e2aa81;
--color-mai-tai-400: #d08d5e;
--color-mai-tai-500: #bc7138;
--color-mai-tai-600: #9f6031;
--color-mai-tai-700: #804d27;
--color-mai-tai-800: #5f371c;
--color-mai-tai-900: #432612;
--color-mai-tai-950: #2b1405;
}SCSS
$mai-tai: #a96634;
$mai-tai-rgb: 169, 102, 52;
$mai-tai-light: mix(#fff, $mai-tai, 20%);
$mai-tai-dark: mix(#000, $mai-tai, 20%);
.element {
color: $mai-tai;
box-shadow: 0 0 0 2px rgba($mai-tai, 0.35);
}