Colore con nome · #E1C1B9
Silver Peony
Silver Peony è #E1C1B9: rgb(225 193 185), hsl(12 40% 80%), oklch(0.836 0.038 34.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Silver Peony color name →
#E1C1B9
oklch(0.836 0.038 34.3)
Conversioni di colore
- HEX
- #e1c1b9
- RGB
- rgb(225 193 185)
- HSL
- hsl(12 40% 80%)
- HWB
- hwb(12 73% 12%)
- OKLCH
- oklch(0.836 0.038 34.3)
- OKLab
- oklab(0.836 0.032 0.022)
- CIE Lab
- lab(80.7 10.81 8.47)
- LCH
- lch(80.7 13.73 38.1)
- CMYK
- cmyk(0% 14% 18% 12%)
Tinte · Ombre · Toni
Tinte
- E4C7C0
- E7CDC7
- EAD3CE
- EDDAD5
- F0E0DC
- F3E6E3
- F6ECEA
- F9F2F1
- FCF9F8
Ombre
- C4A7A0
- A78F89
- 8B7771
- 705F5B
- 564946
- 3E3431
- 27201E
- 120E0D
- 020202
Toni
- D7BAB3
- CDB4AD
- C3ADA8
- B9A7A2
- B0A09C
- A69A96
- 9C9391
- 938D8B
- 898686
Armonie di colore
Complementare +180°
- E1C1B9
Silver Peony
- AED0D9
≈ Hisoku Blue
Analogo -30° +30°
- E1C1B9
Silver Peony
- E0BFC6
≈ Ice Hot Pink
- DCC5B0
≈ Hanover
Triadico +120° +240°
- E1C1B9
Silver Peony
- B7D1BE
≈ Pitcher
- C1C8E3
≈ Silver Sweetpea
Complementare divisa +150° +210°
- E1C1B9
Silver Peony
- AFD2CC
≈ Cassiopeia
- B5CDE1
≈ Cache Blue
Tetradico +90° +180° +270°
- E1C1B9
Silver Peony
- C4CEB3
≈ Growing Season
- AED0D9
≈ Hisoku Blue
- CFC4DE
≈ Lavender Bliss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.53:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--silver-peony: #e1c1b9;
--silver-peony-rgb: 225 193 185;
--silver-peony-oklch: oklch(0.836 0.038 34.3);
}
.element {
color: var(--silver-peony);
background-color: hsl(12 40% 80%);
border-color: oklch(0.836 0.038 34.3);
}Tailwind CSS v4
@theme {
--color-silver-peony: #e1c1b9;
--color-silver-peony-50: #fff2ee;
--color-silver-peony-100: #f4e4df;
--color-silver-peony-200: #e4cfc9;
--color-silver-peony-300: #cab1aa;
--color-silver-peony-400: #b49790;
--color-silver-peony-500: #9e7e75;
--color-silver-peony-600: #856a64;
--color-silver-peony-700: #6b554f;
--color-silver-peony-800: #4f3e3a;
--color-silver-peony-900: #372a28;
--color-silver-peony-950: #221816;
}SCSS
$silver-peony: #e1c1b9;
$silver-peony-rgb: 225, 193, 185;
$silver-peony-light: mix(#fff, $silver-peony, 20%);
$silver-peony-dark: mix(#000, $silver-peony, 20%);
.element {
color: $silver-peony;
box-shadow: 0 0 0 2px rgba($silver-peony, 0.35);
}