Colore con nome più vicino · #AB662A
#AB662A
Colore con nome più vicino: Mai Tai
#AB662A (rgb(171 102 42), hsl(28 61% 42%), oklch(0.576 0.115 58.1)) è più vicino al colore con nome Mai Tai. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AB662A
oklch(0.576 0.115 58.1)
Conversioni di colore
- HEX
- #ab662a
- RGB
- rgb(171 102 42)
- HSL
- hsl(28 61% 42%)
- HWB
- hwb(28 16% 33%)
- OKLCH
- oklch(0.576 0.115 58.1)
- OKLab
- oklab(0.576 0.061 0.098)
- CIE Lab
- lab(50.37 24.95 44.6)
- LCH
- lch(50.37 51.11 60.8)
- CMYK
- cmyk(0% 40% 75% 33%)
Tinte · Ombre · Toni
Tinte
- B47542
- BD8458
- C6936D
- CFA282
- D7B296
- DFC1AB
- E7D0BF
- EFE0D4
- F7EFEA
Ombre
- 945823
- 7E4A1C
- 683C16
- 542F10
- 40230A
- 2D1705
- 1B0C02
- 0B0401
- 010000
Toni
- A76936
- A36C40
- 9F6F4A
- 9B7252
- 97755B
- 937763
- 8E796A
- 8A7C72
- 857E79
Armonie di colore
Complementare +180°
- AB662A
Mai Tai
- 2382B5
≈ Mediterranean Blue
Analogo -30° +30°
- AB662A
Mai Tai
- B35C52
≈ Giant’s Club
- 96740A
≈ Glazed Chestnut
Triadico +120° +240°
- AB662A
Mai Tai
- 008D79
≈ Emerald Enchantment
- 8269B4
≈ Lavish Spending
Complementare divisa +150° +210°
- AB662A
Mai Tai
- 008998
≈ Atlantic Blue
- 5C75BD
≈ Blue Android Base
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--mai-tai: #ab662a;
--mai-tai-rgb: 171 102 42;
--mai-tai-oklch: oklch(0.576 0.115 58.1);
}
.element {
color: var(--mai-tai);
background-color: hsl(28 61% 42%);
border-color: oklch(0.576 0.115 58.1);
}Tailwind CSS v4
@theme {
--color-mai-tai: #ab662a;
--color-mai-tai-50: #ffeed5;
--color-mai-tai-100: #ffe0c2;
--color-mai-tai-200: #fac9a3;
--color-mai-tai-300: #e3aa7b;
--color-mai-tai-400: #d18d56;
--color-mai-tai-500: #be702c;
--color-mai-tai-600: #a05f27;
--color-mai-tai-700: #814c1f;
--color-mai-tai-800: #603716;
--color-mai-tai-900: #43250e;
--color-mai-tai-950: #2b1402;
}SCSS
$mai-tai: #ab662a;
$mai-tai-rgb: 171, 102, 42;
$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);
}