Nearest named color · #AD642B
#AD642B
Nearest named color: Mai Tai
#AD642B (rgb(173 100 43), hsl(26 60% 42%), oklch(0.576 0.118 55.3)) is closest to the named color Mai Tai. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AD642B
oklch(0.576 0.118 55.3)
Color conversions
- HEX
- #ad642b
- RGB
- rgb(173 100 43)
- HSL
- hsl(26 60% 42%)
- HWB
- hwb(26 17% 32%)
- OKLCH
- oklch(0.576 0.118 55.3)
- OKLab
- oklab(0.576 0.067 0.097)
- CIE Lab
- lab(50.19 26.9 44.08)
- LCH
- lch(50.19 51.64 58.6)
- CMYK
- cmyk(0% 42% 75% 32%)
Tints · Shades · Tones
Tints
- B67343
- BF8359
- C8926D
- D0A182
- D8B196
- E0C0AB
- E8D0C0
- F0DFD5
- F8EFEA
Shades
- 965624
- 7F481D
- 6A3B16
- 552E10
- 41220A
- 2D1605
- 1B0B02
- 0B0301
- 010000
Tones
- A96737
- A56B41
- A16E4A
- 9D7153
- 98745B
- 947663
- 8F796A
- 8A7B72
- 857E79
Color harmonies
Complementary +180°
- AD642B
Mai Tai
- 1483B4
≈ Lucario Blue
Analogous -30° +30°
- AD642B
Mai Tai
- B45A54
≈ Pepper & Spice
- 987201
≈ Sandy Taupe
Triadic +120° +240°
- AD642B
Mai Tai
- 008D76
≈ Emerald Enchantment
- 7F69B7
≈ Lavish Spending
Split-complementary +150° +210°
- AD642B
Mai Tai
- 008995
≈ Zuni
- 5776BE
≈ Diva Violet
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.53:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.63:1 · APCA Lc 31
Best text color: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--mai-tai: #ad642b;
--mai-tai-rgb: 173 100 43;
--mai-tai-oklch: oklch(0.576 0.118 55.3);
}
.element {
color: var(--mai-tai);
background-color: hsl(26 60% 42%);
border-color: oklch(0.576 0.118 55.3);
}Tailwind CSS v4
@theme {
--color-mai-tai: #ad642b;
--color-mai-tai-50: #ffeed5;
--color-mai-tai-100: #ffdfc2;
--color-mai-tai-200: #fcc8a3;
--color-mai-tai-300: #e6a87b;
--color-mai-tai-400: #d48b57;
--color-mai-tai-500: #c06e2e;
--color-mai-tai-600: #a25e28;
--color-mai-tai-700: #824b20;
--color-mai-tai-800: #613617;
--color-mai-tai-900: #44250e;
--color-mai-tai-950: #2c1303;
}SCSS
$mai-tai: #ad642b;
$mai-tai-rgb: 173, 100, 43;
$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);
}