Couleur nommée la plus proche · #E0B0B2
#E0B0B2
Couleur nommée la plus proche: Sakura
#E0B0B2 (rgb(224 176 178), hsl(358 44% 78%), oklch(0.801 0.056 15.6)) est la plus proche de la couleur nommée Sakura. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E0B0B2
oklch(0.801 0.056 15.6)
Conversions de couleur
- HEX
- #e0b0b2
- RGB
- rgb(224 176 178)
- HSL
- hsl(358 44% 78%)
- HWB
- hwb(358 69% 12%)
- OKLCH
- oklch(0.801 0.056 15.6)
- OKLab
- oklab(0.801 0.054 0.015)
- CIE Lab
- lab(76.32 18.22 6.03)
- LCH
- lch(76.32 19.19 18.3)
- CMYK
- cmyk(0% 21% 21% 12%)
Teintes · Ombres · Tons
Teintes
- E3B8B9
- E7C0C1
- EAC7C9
- EDCFD0
- F0D7D8
- F3DFE0
- F6E7E7
- F9EFEF
- FCF7F7
Ombres
- C3999A
- A68283
- 8A6C6D
- 705657
- 564243
- 3E2E2F
- 271C1D
- 120B0C
- 020101
Tons
- D6ABAD
- CCA6A8
- C3A2A3
- B99D9E
- AF9899
- A69394
- 9C8E8F
- 938A8A
- 898585
Harmonies de couleurs
Complémentaire +180°
- E0B0B2
Sakura
- 94CACA
≈ Lake
Analogue -30° +30°
- E0B0B2
Sakura
- DAB0C6
≈ Private-Label Pink
- DEB3A0
≈ Spanish Villa
Triadique +120° +240°
- E0B0B2
Sakura
- AEC7A3
≈ Freshwater Green
- A7C0E2
≈ Artesian Pool
Complémentaire divisée +150° +210°
- E0B0B2
Sakura
- 9DCAB6
≈ Cool Juniper
- 98C6DA
≈ Bobby Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.90:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.02:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--sakura: #e0b0b2;
--sakura-rgb: 224 176 178;
--sakura-oklch: oklch(0.801 0.056 15.6);
}
.element {
color: var(--sakura);
background-color: hsl(358 44% 78%);
border-color: oklch(0.801 0.056 15.6);
}Tailwind CSS v4
@theme {
--color-sakura: #e0b0b2;
--color-sakura-50: #ffefef;
--color-sakura-100: #fae1e1;
--color-sakura-200: #ebcbcb;
--color-sakura-300: #d3acad;
--color-sakura-400: #bd9193;
--color-sakura-500: #a8777a;
--color-sakura-600: #8e6567;
--color-sakura-700: #725152;
--color-sakura-800: #543a3d;
--color-sakura-900: #3b282a;
--color-sakura-950: #251617;
}SCSS
$sakura: #e0b0b2;
$sakura-rgb: 224, 176, 178;
$sakura-light: mix(#fff, $sakura, 20%);
$sakura-dark: mix(#000, $sakura, 20%);
.element {
color: $sakura;
box-shadow: 0 0 0 2px rgba($sakura, 0.35);
}