Couleur nommée la plus proche · #E97A70
#E97A70
Couleur nommée la plus proche: Rosé
#E97A70 (rgb(233 122 112), hsl(5 73% 68%), oklch(0.703 0.139 26.5)) est la plus proche de la couleur nommée Rosé. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E97A70
oklch(0.703 0.139 26.5)
Conversions de couleur
- HEX
- #e97a70
- RGB
- rgb(233 122 112)
- HSL
- hsl(5 73% 68%)
- HWB
- hwb(5 44% 9%)
- OKLCH
- oklch(0.703 0.139 26.5)
- OKLab
- oklab(0.703 0.124 0.062)
- CIE Lab
- lab(64.21 43.08 26.03)
- LCH
- lch(64.21 50.33 31.1)
- CMYK
- cmyk(0% 48% 52% 9%)
Teintes · Ombres · Tons
Teintes
- ED887E
- F0968C
- F3A39A
- F6B0A8
- F9BDB6
- FBCBC5
- FCD8D3
- FEE5E2
- FFF2F0
Ombres
- CB6960
- AD5951
- 904943
- 743A35
- 5A2B27
- 411D1A
- 29100E
- 130504
- 030101
Tons
- DF7C72
- D57D74
- CB7E76
- C17F77
- B67F79
- AC807B
- A1807C
- 97807D
- 8B807F
Harmonies de couleurs
Complémentaire +180°
- E97A70
Rosé
- 00B4C5
≈ Lago Blue
Analogue -30° +30°
Triadique +120° +240°
- E97A70
Rosé
- 5FB669
≈ Lawn Party
- 779BF6
≈ Guilliman Blue
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.48:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--rose: #e97a70;
--rose-rgb: 233 122 112;
--rose-oklch: oklch(0.703 0.139 26.5);
}
.element {
color: var(--rose);
background-color: hsl(5 73% 68%);
border-color: oklch(0.703 0.139 26.5);
}Tailwind CSS v4
@theme {
--color-rose: #e97a70;
--color-rose-50: #ffe7df;
--color-rose-100: #ffd7ce;
--color-rose-200: #ffbeb3;
--color-rose-300: #f69c8f;
--color-rose-400: #e57c72;
--color-rose-500: #d25b52;
--color-rose-600: #b24e46;
--color-rose-700: #8f3e38;
--color-rose-800: #6a2c29;
--color-rose-900: #4b1e1c;
--color-rose-950: #310d0c;
}SCSS
$rose: #e97a70;
$rose-rgb: 233, 122, 112;
$rose-light: mix(#fff, $rose, 20%);
$rose-dark: mix(#000, $rose, 20%);
.element {
color: $rose;
box-shadow: 0 0 0 2px rgba($rose, 0.35);
}