Benannte Farbe · #EFD4AE
Champagne Wishes
Champagne Wishes ist #EFD4AE: rgb(239 212 174), hsl(35 67% 81%), oklch(0.883 0.058 76.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Champagne Wishes color name →
#EFD4AE
oklch(0.883 0.058 76.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F1D8B6
- F2DDBE
- F4E1C6
- F6E5CE
- F7EAD7
- F9EEDF
- FAF2E7
- FCF6EF
- FDFBF7
Shades
- D0B897
- B19D80
- 94836A
- 786955
- 5C5141
- 423A2E
- 2A241C
- 14100B
- 030201
Tones
- E3CBA9
- D8C3A5
- CDBAA0
- C1B29C
- B6A997
- ABA193
- A0998E
- 959089
- 8B8885
Farbharmonien
Komplementär +180°
- EFD4AE
Champagne Wishes
- C0DBFF
≈ Broad Daylight
Analog -30° +30°
- EFD4AE
Champagne Wishes
- FACDB9
≈ Biscuit Cream
- DDDCAF
≈ Dried Palm
Triadisch +120° +240°
- EFD4AE
Champagne Wishes
- ACE5E5
≈ Timeless Seafoam
- E8CDF3
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- EFD4AE
Champagne Wishes
- B0E1F6
≈ Azure Sky
- D5D4FE
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- EFD4AE
Champagne Wishes
- B5E5D0
≈ Crystal Rapids
- C0DBFF
≈ Broad Daylight
- F6CAE0
≈ Laelia Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.69:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
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);
}