Couleur nommée la plus proche · #A03D47
#A03D47
Couleur nommée la plus proche: Eternal Flame
#A03D47 (rgb(160 61 71), hsl(354 45% 43%), oklch(0.499 0.131 17.2)) 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.
#A03D47
oklch(0.499 0.131 17.2)
Conversions de couleur
- HEX
- #a03d47
- RGB
- rgb(160 61 71)
- HSL
- hsl(354 45% 43%)
- HWB
- hwb(354 24% 37%)
- OKLCH
- oklch(0.499 0.131 17.2)
- OKLab
- oklab(0.499 0.126 0.039)
- CIE Lab
- lab(40.49 42.41 16.59)
- LCH
- lch(40.49 45.54 21.4)
- CMYK
- cmyk(0% 62% 56% 37%)
Teintes · Ombres · Tons
Teintes
- AB5158
- B66469
- C1777B
- CB8A8C
- D49D9F
- DEB1B1
- E7C4C4
- EFD7D8
- F7EBEB
Ombres
- 8B343D
- 762B32
- 612228
- 4E1A1F
- 3B1216
- 290A0D
- 190406
- 090102
- 010000
Tons
- 9E454D
- 9C4D52
- 9A5458
- 975B5E
- 946263
- 916869
- 8D6E6F
- 897475
- 857A7A
Harmonies de couleurs
Complémentaire +180°
- A03D47
Eternal Flame
- 007274
≈ Scaly Green
Analogue -30° +30°
- A03D47
Eternal Flame
- 963F71
≈ Purple Peril
- 9D460D
≈ Powdered Coffee
Triadique +120° +240°
- A03D47
Eternal Flame
- 3A731E
≈ Forest Empress
- 2C62AC
≈ Rainbow Bright
Complémentaire divisée +150° +210°
- A03D47
Eternal Flame
- 007557
≈ Green Velvet
- 006D8E
≈ Copacabana
Tétradique +90° +180° +270°
- A03D47
Eternal Flame
- 6A6600
≈ Earthy Khaki Green
- 007274
≈ Scaly Green
- 6054A9
≈ Yuè Guāng Lán Moonlight
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.45:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.25:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.45:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--eternal-flame: #a03d47;
--eternal-flame-rgb: 160 61 71;
--eternal-flame-oklch: oklch(0.499 0.131 17.2);
}
.element {
color: var(--eternal-flame);
background-color: hsl(354 45% 43%);
border-color: oklch(0.499 0.131 17.2);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a03d47;
--color-eternal-flame-50: #ffe7e6;
--color-eternal-flame-100: #ffd7d6;
--color-eternal-flame-200: #ffbebe;
--color-eternal-flame-300: #f39c9c;
--color-eternal-flame-400: #e17c82;
--color-eternal-flame-500: #ce5c66;
--color-eternal-flame-600: #ae4f57;
--color-eternal-flame-700: #8c3f45;
--color-eternal-flame-800: #682d33;
--color-eternal-flame-900: #491e23;
--color-eternal-flame-950: #300e12;
}SCSS
$eternal-flame: #a03d47;
$eternal-flame-rgb: 160, 61, 71;
$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);
}