Nearest named color · #A0464D
#A0464D
Nearest named color: Eternal Flame
#A0464D (rgb(160 70 77), hsl(355 39% 45%), oklch(0.513 0.12 17.6)) is closest to the named color Eternal Flame. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A0464D
oklch(0.513 0.12 17.6)
Color conversions
- HEX
- #a0464d
- RGB
- rgb(160 70 77)
- HSL
- hsl(355 39% 45%)
- HWB
- hwb(355 27% 37%)
- OKLCH
- oklch(0.513 0.12 17.6)
- OKLab
- oklab(0.513 0.114 0.036)
- CIE Lab
- lab(42.25 38.59 15.21)
- LCH
- lch(42.25 41.48 21.5)
- CMYK
- cmyk(0% 56% 52% 37%)
Tints · Shades · Tones
Tints
- AB595D
- B66B6E
- C07D7F
- CA8F90
- D4A1A2
- DDB4B4
- E6C6C6
- EFD9D9
- F7ECEC
Shades
- 8B3C42
- 763237
- 61282C
- 4E1E22
- 3B1518
- 290D0F
- 190507
- 090202
- 010000
Tones
- 9E4D52
- 9C5357
- 995A5C
- 966061
- 936566
- 906B6C
- 8D7071
- 897676
- 857B7B
Color harmonies
Complementary +180°
- A0464D
Eternal Flame
- 007679
≈ Maxi Teal
Analogous -30° +30°
- A0464D
Eternal Flame
- 974774
≈ Befitting
- 9D4E20
≈ Catlinite
Triadic +120° +240°
- A0464D
Eternal Flame
- 42762C
≈ Cucumber Queen
- 3767AA
≈ Dover Straits
Split-complementary +150° +210°
- A0464D
Eternal Flame
- 007A5B
≈ Emerald Dream
- 007193
≈ Tropic Sea
Tetradic +90° +180° +270°
- A0464D
Eternal Flame
- 6E6B00
≈ Worn Olive
- 007679
≈ Maxi Teal
- 645AA7
≈ Prophet Violet
Contrast & accessibility
Ag
AAOn white
WCAG 6.03:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.47:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--eternal-flame: #a0464d;
--eternal-flame-rgb: 160 70 77;
--eternal-flame-oklch: oklch(0.513 0.12 17.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 39% 45%);
border-color: oklch(0.513 0.12 17.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a0464d;
--color-eternal-flame-50: #ffe8e7;
--color-eternal-flame-100: #ffd9d8;
--color-eternal-flame-200: #ffc0c0;
--color-eternal-flame-300: #ef9f9e;
--color-eternal-flame-400: #dc8084;
--color-eternal-flame-500: #c96168;
--color-eternal-flame-600: #aa5359;
--color-eternal-flame-700: #884247;
--color-eternal-flame-800: #652f34;
--color-eternal-flame-900: #472024;
--color-eternal-flame-950: #2e0f13;
}SCSS
$eternal-flame: #a0464d;
$eternal-flame-rgb: 160, 70, 77;
$eternal-flame-light: mix(#fff, $eternal-flame, 20%);
$eternal-flame-dark: mix(#000, $eternal-flame, 20%);
.element {
color: $eternal-flame;
box-shadow: 0 0 0 2px rgba($eternal-flame, 0.35);
}