Colore con nome più vicino · #EAD1AD
#EAD1AD
Colore con nome più vicino: Champagne
#EAD1AD (rgb(234 209 173), hsl(35 59% 80%), oklch(0.872 0.055 76.9)) è più vicino al colore con nome Champagne. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EAD1AD
oklch(0.872 0.055 76.9)
Conversioni di colore
- HEX
- #ead1ad
- RGB
- rgb(234 209 173)
- HSL
- hsl(35 59% 80%)
- HWB
- hwb(35 68% 8%)
- OKLCH
- oklch(0.872 0.055 76.9)
- OKLab
- oklab(0.872 0.013 0.054)
- CIE Lab
- lab(85.28 5.03 21.29)
- LCH
- lch(85.28 21.87 76.7)
- CMYK
- cmyk(0% 11% 26% 8%)
Tinte · Ombre · Toni
Tinte
- ECD6B5
- EEDABD
- F0DFC6
- F3E3CE
- F5E8D6
- F7EDDE
- F9F1E6
- FBF6EF
- FDFAF7
Ombre
- CBB596
- AE9B7F
- 91816A
- 756855
- 5A5041
- 41392D
- 29231B
- 13100B
- 030201
Toni
- DFC9A9
- D4C0A4
- C9B8A0
- BEB09B
- B4A897
- A9A092
- 9F988E
- 949089
- 8A8885
Armonie di colore
Complementare +180°
- EAD1AD
Champagne
- BED7FA
≈ Oh Boy!
Analogo -30° +30°
- EAD1AD
Champagne
- F5CBB7
≈ Cape Sands
- D9D8AE
≈ Mǐ Bái Beige
Triadico +120° +240°
- EAD1AD
Champagne
- ABE1E1
≈ Blue Light
- E4CAEE
≈ Mousse aux Pruneaux
Complementare divisa +150° +210°
- EAD1AD
Champagne
- AFDDF2
≈ Van Gogh Blue
- D2D0F8
≈ Pale Phthalo Blue
Tetradico +90° +180° +270°
- EAD1AD
Champagne
- B3E1CD
≈ Quiet Jade
- BED7FA
≈ Oh Boy!
- F2C7DC
≈ British Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.22:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--champagne: #ead1ad;
--champagne-rgb: 234 209 173;
--champagne-oklch: oklch(0.872 0.055 76.9);
}
.element {
color: var(--champagne);
background-color: hsl(35 59% 80%);
border-color: oklch(0.872 0.055 76.9);
}Tailwind CSS v4
@theme {
--color-champagne: #ead1ad;
--color-champagne-50: #fef4e4;
--color-champagne-100: #f2e6d4;
--color-champagne-200: #e1d2ba;
--color-champagne-300: #c7b598;
--color-champagne-400: #b19b7a;
--color-champagne-500: #9b825c;
--color-champagne-600: #836e4f;
--color-champagne-700: #69583f;
--color-champagne-800: #4e402d;
--color-champagne-900: #362c1e;
--color-champagne-950: #21190e;
}SCSS
$champagne: #ead1ad;
$champagne-rgb: 234, 209, 173;
$champagne-light: mix(#fff, $champagne, 20%);
$champagne-dark: mix(#000, $champagne, 20%);
.element {
color: $champagne;
box-shadow: 0 0 0 2px rgba($champagne, 0.35);
}