Colore con nome · #EFD4AE
Champagne Wishes
Champagne Wishes è #EFD4AE: rgb(239 212 174), hsl(35 67% 81%), oklch(0.883 0.058 76.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Champagne Wishes color name →
#EFD4AE
oklch(0.883 0.058 76.3)
Conversioni di colore
- HEX
- #efd4ae
- RGB
- rgb(239 212 174)
- HSL
- hsl(35 67% 81%)
- HWB
- hwb(35 68% 6%)
- OKLCH
- oklch(0.883 0.058 76.3)
- OKLab
- oklab(0.883 0.014 0.057)
- CIE Lab
- lab(86.49 5.57 22.5)
- LCH
- lch(86.49 23.18 76.1)
- CMYK
- cmyk(0% 11% 27% 6%)
Tinte · Ombre · Toni
Tinte
- F1D8B6
- F2DDBE
- F4E1C6
- F6E5CE
- F7EAD7
- F9EEDF
- FAF2E7
- FCF6EF
- FDFBF7
Ombre
- D0B897
- B19D80
- 94836A
- 786955
- 5C5141
- 423A2E
- 2A241C
- 14100B
- 030201
Toni
- E3CBA9
- D8C3A5
- CDBAA0
- C1B29C
- B6A997
- ABA193
- A0998E
- 959089
- 8B8885
Armonie di colore
Complementare +180°
- EFD4AE
Champagne Wishes
- C0DBFF
≈ Broad Daylight
Analogo -30° +30°
- EFD4AE
Champagne Wishes
- FACDB9
≈ Biscuit Cream
- DDDCAF
≈ Dried Palm
Triadico +120° +240°
- EFD4AE
Champagne Wishes
- ACE5E5
≈ Timeless Seafoam
- E8CDF3
≈ Mousse aux Pruneaux
Complementare divisa +150° +210°
- EFD4AE
Champagne Wishes
- B0E1F6
≈ Azure Sky
- D5D4FE
≈ Pale Phthalo Blue
Tetradico +90° +180° +270°
- EFD4AE
Champagne Wishes
- B5E5D0
≈ Crystal Rapids
- C0DBFF
≈ Broad Daylight
- F6CAE0
≈ Laelia Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.69:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--champagne-wishes: #efd4ae;
--champagne-wishes-rgb: 239 212 174;
--champagne-wishes-oklch: oklch(0.883 0.058 76.3);
}
.element {
color: var(--champagne-wishes);
background-color: hsl(35 67% 81%);
border-color: oklch(0.883 0.058 76.3);
}Tailwind CSS v4
@theme {
--color-champagne-wishes: #efd4ae;
--color-champagne-wishes-50: #fff4e3;
--color-champagne-wishes-100: #f3e6d3;
--color-champagne-wishes-200: #e2d2b9;
--color-champagne-wishes-300: #c8b496;
--color-champagne-wishes-400: #b39a78;
--color-champagne-wishes-500: #9d815a;
--color-champagne-wishes-600: #846d4c;
--color-champagne-wishes-700: #6a573d;
--color-champagne-wishes-800: #4f402b;
--color-champagne-wishes-900: #372c1d;
--color-champagne-wishes-950: #22190d;
}SCSS
$champagne-wishes: #efd4ae;
$champagne-wishes-rgb: 239, 212, 174;
$champagne-wishes-light: mix(#fff, $champagne-wishes, 20%);
$champagne-wishes-dark: mix(#000, $champagne-wishes, 20%);
.element {
color: $champagne-wishes;
box-shadow: 0 0 0 2px rgba($champagne-wishes, 0.35);
}