Nearest named color · #AA3E46
#AA3E46
Nearest named color: Kabuki
#AA3E46 (rgb(170 62 70), hsl(356 47% 45%), oklch(0.516 0.142 19.3)) is closest to the named color Kabuki. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AA3E46
oklch(0.516 0.142 19.3)
Color conversions
- HEX
- #aa3e46
- RGB
- rgb(170 62 70)
- HSL
- hsl(356 47% 45%)
- HWB
- hwb(356 24% 33%)
- OKLCH
- oklch(0.516 0.142 19.3)
- OKLab
- oklab(0.516 0.134 0.047)
- CIE Lab
- lab(42.41 45.47 20.11)
- LCH
- lch(42.41 49.72 23.9)
- CMYK
- cmyk(0% 64% 59% 33%)
Tints · Shades · Tones
Tints
- B55357
- BF6668
- C8797A
- D18C8C
- DA9F9F
- E2B2B1
- EAC5C4
- F2D8D8
- F9EBEB
Shades
- 93353C
- 7D2B32
- 682328
- 531A1E
- 3F1215
- 2D0A0D
- 1B0405
- 0B0102
- 010000
Tones
- A7474C
- A44E52
- A15658
- 9D5C5D
- 996363
- 956969
- 906F6F
- 8B7574
- 867B7A
Color harmonies
Complementary +180°
- AA3E46
Kabuki
- 00777B
≈ Hypnotic Sea
Analogous -30° +30°
- AA3E46
Kabuki
- A03F74
≈ Maximum Red Purple
- A44A00
≈ Pepperoni
Triadic +120° +240°
- AA3E46
Kabuki
- 367A20
≈ Odd Pea Pod
- 3165B8
≈ Blue Streak
Split-complementary +150° +210°
- AA3E46
Kabuki
- 007A5E
≈ Emerald Dream
- 007297
≈ Enchanted Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.02:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.48:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--kabuki: #aa3e46;
--kabuki-rgb: 170 62 70;
--kabuki-oklch: oklch(0.516 0.142 19.3);
}
.element {
color: var(--kabuki);
background-color: hsl(356 47% 45%);
border-color: oklch(0.516 0.142 19.3);
}Tailwind CSS v4
@theme {
--color-kabuki: #aa3e46;
--color-kabuki-50: #ffe6e4;
--color-kabuki-100: #ffd6d3;
--color-kabuki-200: #ffbcba;
--color-kabuki-300: #f89998;
--color-kabuki-400: #e6797c;
--color-kabuki-500: #d3585f;
--color-kabuki-600: #b24b51;
--color-kabuki-700: #8f3c41;
--color-kabuki-800: #6b2a30;
--color-kabuki-900: #4b1d21;
--color-kabuki-950: #310c10;
}SCSS
$kabuki: #aa3e46;
$kabuki-rgb: 170, 62, 70;
$kabuki-light: mix(#fff, $kabuki, 20%);
$kabuki-dark: mix(#000, $kabuki, 20%);
.element {
color: $kabuki;
box-shadow: 0 0 0 2px rgba($kabuki, 0.35);
}