Colore con nome più vicino · #E0B0B2
#E0B0B2
Colore con nome più vicino: Sakura
#E0B0B2 (rgb(224 176 178), hsl(358 44% 78%), oklch(0.801 0.056 15.6)) è più vicino al colore con nome Sakura. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E0B0B2
oklch(0.801 0.056 15.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E3B8B9
- E7C0C1
- EAC7C9
- EDCFD0
- F0D7D8
- F3DFE0
- F6E7E7
- F9EFEF
- FCF7F7
Ombre
- C3999A
- A68283
- 8A6C6D
- 705657
- 564243
- 3E2E2F
- 271C1D
- 120B0C
- 020101
Toni
- D6ABAD
- CCA6A8
- C3A2A3
- B99D9E
- AF9899
- A69394
- 9C8E8F
- 938A8A
- 898585
Armonie di colore
Complementare +180°
- E0B0B2
Sakura
- 94CACA
≈ Lake
Analogo -30° +30°
- E0B0B2
Sakura
- DAB0C6
≈ Private-Label Pink
- DEB3A0
≈ Spanish Villa
Triadico +120° +240°
- E0B0B2
Sakura
- AEC7A3
≈ Freshwater Green
- A7C0E2
≈ Artesian Pool
Complementare divisa +150° +210°
- E0B0B2
Sakura
- 9DCAB6
≈ Cool Juniper
- 98C6DA
≈ Bobby Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.02:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
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);
}