Nearest named color · #AA392A
#AA392A
Nearest named color: Chocolate Chilli
#AA392A (rgb(170 57 42), hsl(7 60% 42%), oklch(0.506 0.151 30.5)) is closest to the named color Chocolate Chilli. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AA392A
oklch(0.506 0.151 30.5)
Color conversions
- HEX
- #aa392a
- RGB
- rgb(170 57 42)
- HSL
- hsl(7 60% 42%)
- HWB
- hwb(7 16% 33%)
- OKLCH
- oklch(0.506 0.151 30.5)
- OKLab
- oklab(0.506 0.13 0.077)
- CIE Lab
- lab(41.24 46.42 35.44)
- LCH
- lch(41.24 58.4 37.4)
- CMYK
- cmyk(0% 66% 75% 33%)
Tints · Shades · Tones
Tints
- B54F40
- BF6354
- C97769
- D28A7D
- DB9D92
- E3B1A7
- EBC4BD
- F2D8D3
- F9EBE9
Shades
- 933023
- 7D281C
- 681F16
- 531710
- 3F100A
- 2D0905
- 1B0402
- 0B0101
- 010000
Tones
- A74334
- A44B3E
- A15347
- 9D5A4F
- 9A6157
- 956860
- 916E68
- 8C7470
- 867A78
Color harmonies
Complementary +180°
- AA392A
Chocolate Chilli
- 007281
≈ Caribbean Dream
Analogous -30° +30°
- AA392A
Chocolate Chilli
- A53660
≈ Tree Peony
- 945200
≈ Mochaccino
Triadic +120° +240°
- AA392A
Chocolate Chilli
- 007A38
≈ Jordan Jazz
- 465BBA
≈ Chinese Bellflower
Split-complementary +150° +210°
- AA392A
Chocolate Chilli
- 007667
≈ Teal Waters
- 006CA1
≈ Jazz Blue
Tetradic +90° +180° +270°
- AA392A
Chocolate Chilli
- 5C6E00
≈ Over the Hills
- 007281
≈ Caribbean Dream
- 744BAC
≈ Studio
Contrast & accessibility
Ag
AAOn white
WCAG 6.31:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.32:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--chocolate-chilli: #aa392a;
--chocolate-chilli-rgb: 170 57 42;
--chocolate-chilli-oklch: oklch(0.506 0.151 30.5);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(7 60% 42%);
border-color: oklch(0.506 0.151 30.5);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #aa392a;
--color-chocolate-chilli-50: #ffe6da;
--color-chocolate-chilli-100: #ffd6c8;
--color-chocolate-chilli-200: #ffbdab;
--color-chocolate-chilli-300: #fb9a85;
--color-chocolate-chilli-400: #ea7966;
--color-chocolate-chilli-500: #d85744;
--color-chocolate-chilli-600: #b64a3b;
--color-chocolate-chilli-700: #923b2e;
--color-chocolate-chilli-800: #6d2a22;
--color-chocolate-chilli-900: #4d1c17;
--color-chocolate-chilli-950: #330b08;
}SCSS
$chocolate-chilli: #aa392a;
$chocolate-chilli-rgb: 170, 57, 42;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}