Couleur nommée la plus proche · #A0434B
#A0434B
Couleur nommée la plus proche: Eternal Flame
#A0434B (rgb(160 67 75), hsl(355 41% 45%), oklch(0.508 0.124 17.4)) est la plus proche de la couleur nommée Eternal Flame. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A0434B
oklch(0.508 0.124 17.4)
Conversions de couleur
- HEX
- #a0434b
- RGB
- rgb(160 67 75)
- HSL
- hsl(355 41% 45%)
- HWB
- hwb(355 26% 37%)
- OKLCH
- oklch(0.508 0.124 17.4)
- OKLab
- oklab(0.508 0.118 0.037)
- CIE Lab
- lab(41.64 39.89 15.64)
- LCH
- lch(41.64 42.85 21.4)
- CMYK
- cmyk(0% 58% 53% 37%)
Teintes · Ombres · Tons
Teintes
- AB565B
- B6696C
- C07B7D
- CA8D8F
- D4A0A1
- DDB3B3
- E6C5C6
- EFD8D8
- F7ECEC
Ombres
- 8B3940
- 762F35
- 61262B
- 4E1D21
- 3B1417
- 290C0E
- 190506
- 090102
- 010000
Tons
- 9E4A50
- 9C5156
- 99585B
- 975E60
- 946465
- 906A6B
- 8D7070
- 897575
- 857B7B
Harmonies de couleurs
Complémentaire +180°
- A0434B
Eternal Flame
- 007477
≈ Maxi Teal
Analogue -30° +30°
- A0434B
Eternal Flame
- 974473
≈ Satsuma Imo Red
- 9D4B1B
≈ Rendang
Triadique +120° +240°
- A0434B
Eternal Flame
- 407528
≈ Japanese Laurel
- 3465AB
≈ Shukra Blue
Complémentaire divisée +150° +210°
- A0434B
Eternal Flame
- 007859
≈ Ivy League
- 007091
≈ Tropic Sea
Tétradique +90° +180° +270°
- A0434B
Eternal Flame
- 6D6900
≈ Worn Olive
- 007477
≈ Maxi Teal
- 6358A8
≈ Yuè Guāng Lán Moonlight
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.17:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.39:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--eternal-flame: #a0434b;
--eternal-flame-rgb: 160 67 75;
--eternal-flame-oklch: oklch(0.508 0.124 17.4);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 41% 45%);
border-color: oklch(0.508 0.124 17.4);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a0434b;
--color-eternal-flame-50: #ffe8e7;
--color-eternal-flame-100: #ffd8d7;
--color-eternal-flame-200: #ffc0bf;
--color-eternal-flame-300: #f09e9e;
--color-eternal-flame-400: #de7f83;
--color-eternal-flame-500: #cb6068;
--color-eternal-flame-600: #ab5258;
--color-eternal-flame-700: #8a4146;
--color-eternal-flame-800: #662e34;
--color-eternal-flame-900: #481f23;
--color-eternal-flame-950: #2f0f12;
}SCSS
$eternal-flame: #a0434b;
$eternal-flame-rgb: 160, 67, 75;
$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);
}