Colore con nome · #E5C1B3
Calico Rose
Calico Rose è #E5C1B3: rgb(229 193 179), hsl(17 49% 80%), oklch(0.838 0.046 42.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Calico Rose color name →
#E5C1B3
oklch(0.838 0.046 42.4)
Conversioni di colore
- HEX
- #e5c1b3
- RGB
- rgb(229 193 179)
- HSL
- hsl(17 49% 80%)
- HWB
- hwb(17 70% 10%)
- OKLCH
- oklch(0.838 0.046 42.4)
- OKLab
- oklab(0.838 0.034 0.031)
- CIE Lab
- lab(80.96 11.66 12.1)
- LCH
- lch(80.96 16.8 46.1)
- CMYK
- cmyk(0% 16% 22% 10%)
Tinte · Ombre · Toni
Tinte
- E8C7BA
- EACDC2
- EDD3C9
- F0DAD1
- F2E0D9
- F5E6E0
- F8ECE8
- FAF2F0
- FDF9F7
Ombre
- C7A79B
- AA8F84
- 8E776E
- 725F58
- 584943
- 3F342F
- 28201D
- 120E0C
- 030201
Toni
- DBBAAE
- D0B4A9
- C6ADA4
- BCA79E
- B2A099
- A79A94
- 9D938F
- 948D8A
- 8A8685
Armonie di colore
Complementare +180°
- E5C1B3
Calico Rose
- AAD1E0
≈ Flemish Blue
Analogo -30° +30°
- E5C1B3
Calico Rose
- E6BEC2
≈ Sweet Blush
- DDC6AA
≈ Sandy Beaches
Triadico +120° +240°
- E5C1B3
Calico Rose
- B0D4C1
≈ Ginninderra
- C5C7E8
≈ Powdered Granite
Complementare divisa +150° +210°
- E5C1B3
Calico Rose
- A8D4D2
≈ Eton Blue
- B5CDE8
≈ Morality
Tetradico +90° +180° +270°
- E5C1B3
Calico Rose
- BFD1B2
≈ Stability
- AAD1E0
≈ Flemish Blue
- D4C2E0
≈ New Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.61:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--calico-rose: #e5c1b3;
--calico-rose-rgb: 229 193 179;
--calico-rose-oklch: oklch(0.838 0.046 42.4);
}
.element {
color: var(--calico-rose);
background-color: hsl(17 49% 80%);
border-color: oklch(0.838 0.046 42.4);
}Tailwind CSS v4
@theme {
--color-calico-rose: #e5c1b3;
--color-calico-rose-50: #fff1eb;
--color-calico-rose-100: #f6e3dc;
--color-calico-rose-200: #e6cfc5;
--color-calico-rose-300: #ccb1a5;
--color-calico-rose-400: #b79689;
--color-calico-rose-500: #a17d6e;
--color-calico-rose-600: #886a5e;
--color-calico-rose-700: #6d544b;
--color-calico-rose-800: #513d36;
--color-calico-rose-900: #382a25;
--color-calico-rose-950: #231814;
}SCSS
$calico-rose: #e5c1b3;
$calico-rose-rgb: 229, 193, 179;
$calico-rose-light: mix(#fff, $calico-rose, 20%);
$calico-rose-dark: mix(#000, $calico-rose, 20%);
.element {
color: $calico-rose;
box-shadow: 0 0 0 2px rgba($calico-rose, 0.35);
}