Nearest named color · #A8672F
#A8672F
Nearest named color: Mai Tai
#A8672F (rgb(168 103 47), hsl(28 56% 42%), oklch(0.575 0.109 58.5)) is closest to the named color Mai Tai. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A8672F
oklch(0.575 0.109 58.5)
Color conversions
- HEX
- #a8672f
- RGB
- rgb(168 103 47)
- HSL
- hsl(28 56% 42%)
- HWB
- hwb(28 18% 34%)
- OKLCH
- oklch(0.575 0.109 58.5)
- OKLab
- oklab(0.575 0.057 0.093)
- CIE Lab
- lab(50.23 23.3 41.92)
- LCH
- lch(50.23 47.96 60.9)
- CMYK
- cmyk(0% 39% 72% 34%)
Tints · Shades · Tones
Tints
- B17646
- BB855B
- C4946F
- CCA383
- D5B298
- DEC1AC
- E6D0C0
- EFE0D5
- F7EFEA
Shades
- 925927
- 7C4B20
- 673D19
- 523012
- 3F230C
- 2C1706
- 1A0C03
- 0A0401
- 010000
Tones
- A56A3A
- A16D43
- 9D704C
- 997254
- 96755C
- 927764
- 8D7A6B
- 897C72
- 857E79
Color harmonies
Complementary +180°
- A8672F
Mai Tai
- 2C81B2
≈ Blue Bird Day
Analogous -30° +30°
- A8672F
Mai Tai
- B05E53
≈ Prairie Poppy
- 937419
≈ Glazed Chestnut
Triadic +120° +240°
- A8672F
Mai Tai
- 008D79
≈ Emerald Enchantment
- 8169B0
≈ Clear Mauve
Split-complementary +150° +210°
- A8672F
Mai Tai
- 008898
≈ Atlantic Blue
- 5E75BA
≈ Wild Pansy
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.64:1 · APCA Lc 31
Best text color: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--mai-tai: #a8672f;
--mai-tai-rgb: 168 103 47;
--mai-tai-oklch: oklch(0.575 0.109 58.5);
}
.element {
color: var(--mai-tai);
background-color: hsl(28 56% 42%);
border-color: oklch(0.575 0.109 58.5);
}Tailwind CSS v4
@theme {
--color-mai-tai: #a8672f;
--color-mai-tai-50: #ffefd6;
--color-mai-tai-100: #ffe0c4;
--color-mai-tai-200: #f8caa5;
--color-mai-tai-300: #e1ab7e;
--color-mai-tai-400: #cf8e5a;
--color-mai-tai-500: #bb7233;
--color-mai-tai-600: #9e612c;
--color-mai-tai-700: #7f4d23;
--color-mai-tai-800: #5f3719;
--color-mai-tai-900: #422610;
--color-mai-tai-950: #2a1403;
}SCSS
$mai-tai: #a8672f;
$mai-tai-rgb: 168, 103, 47;
$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);
}