Couleur nommée la plus proche · #A33C48
#A33C48
Couleur nommée la plus proche: Eternal Flame
#A33C48 (rgb(163 60 72), hsl(353 46% 44%), oklch(0.503 0.136 16.6)) 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.
#A33C48
oklch(0.503 0.136 16.6)
Conversions de couleur
- HEX
- #a33c48
- RGB
- rgb(163 60 72)
- HSL
- hsl(353 46% 44%)
- HWB
- hwb(353 24% 36%)
- OKLCH
- oklch(0.503 0.136 16.6)
- OKLab
- oklab(0.503 0.13 0.039)
- CIE Lab
- lab(40.87 43.98 16.58)
- LCH
- lch(40.87 47 20.7)
- CMYK
- cmyk(0% 63% 56% 36%)
Teintes · Ombres · Tons
Teintes
- AE5159
- B9646A
- C3777B
- CD8A8D
- D69D9F
- DFB1B2
- E8C4C5
- F0D7D8
- F8EBEB
Ombres
- 8D333D
- 782A33
- 632129
- 4F191F
- 3C1116
- 2A0A0D
- 190406
- 0A0102
- 010000
Tons
- A1454E
- 9E4D53
- 9C5459
- 995B5E
- 966264
- 92686A
- 8E6E6F
- 8A7475
- 857A7A
Harmonies de couleurs
Complémentaire +180°
- A33C48
Eternal Flame
- 007374
≈ Natural Instinct Green
Analogue -30° +30°
- A33C48
Eternal Flame
- 993E74
≈ Purple Peril
- A04508
≈ Powdered Coffee
Triadique +120° +240°
- A33C48
Eternal Flame
- 3B7519
≈ Nemophilist
- 2963B0
≈ Rainbow Bright
Complémentaire divisée +150° +210°
- A33C48
Eternal Flame
- 007657
≈ Victoria Peak
- 006E8E
≈ Seaport
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.36:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.29:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--eternal-flame: #a33c48;
--eternal-flame-rgb: 163 60 72;
--eternal-flame-oklch: oklch(0.503 0.136 16.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(353 46% 44%);
border-color: oklch(0.503 0.136 16.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a33c48;
--color-eternal-flame-50: #ffe6e6;
--color-eternal-flame-100: #ffd6d6;
--color-eternal-flame-200: #ffbdbe;
--color-eternal-flame-300: #f59a9c;
--color-eternal-flame-400: #e37b82;
--color-eternal-flame-500: #d05a66;
--color-eternal-flame-600: #b04d56;
--color-eternal-flame-700: #8d3d45;
--color-eternal-flame-800: #692c33;
--color-eternal-flame-900: #4a1d23;
--color-eternal-flame-950: #300d12;
}SCSS
$eternal-flame: #a33c48;
$eternal-flame-rgb: 163, 60, 72;
$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);
}