Benannte Farbe · #D7C1B4
Champagne Glee
Champagne Glee ist #D7C1B4: rgb(215 193 180), hsl(22 30% 77%), oklch(0.826 0.031 52.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Champagne Glee color name →
#D7C1B4
oklch(0.826 0.031 52.6)
Farbumrechnungen
- HEX
- #d7c1b4
- RGB
- rgb(215 193 180)
- HSL
- hsl(22 30% 77%)
- HWB
- hwb(22 71% 16%)
- OKLCH
- oklch(0.826 0.031 52.6)
- OKLab
- oklab(0.826 0.019 0.025)
- CIE Lab
- lab(79.68 6.48 9.55)
- LCH
- lch(79.68 11.54 55.9)
- CMYK
- cmyk(0% 10% 16% 16%)
Tints · Shades · Tones
Tints
- DBC7BB
- DFCDC3
- E3D3CA
- E7D9D2
- EBE0D9
- EFE6E1
- F3ECE8
- F7F2F0
- FBF9F7
Shades
- BBA79C
- 9F8F85
- 85776E
- 6B5F58
- 524944
- 3B3430
- 25201D
- 110E0C
- 020202
Tones
- CEBAAF
- C5B4A9
- BCADA4
- B3A69F
- ABA09A
- A29995
- 99938F
- 918D8A
- 888685
Farbharmonien
Komplementär +180°
- D7C1B4
Champagne Glee
- B3CAD7
≈ Arctic Circle
Analog -30° +30°
- D7C1B4
Champagne Glee
- DABFBD
≈ Rosario Ridge
- D0C5B0
≈ Velvet Beige
Triadisch +120° +240°
- D7C1B4
Champagne Glee
- B3CDC4
≈ Blue Fluorite
- C6C3D9
≈ Pale Violet
Geteilt komplementär +150° +210°
- D7C1B4
Champagne Glee
- B0CCCF
≈ Baroque Chalk Soft Blue
- BBC6DB
≈ Angel in Blue Jeans
Tetradisch +90° +180° +270°
- D7C1B4
Champagne Glee
- BBCBB9
≈ Pastel Grey Green
- B3CAD7
≈ Arctic Circle
- D0C0D2
≈ Amethyst Light Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.17:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--champagne-glee: #d7c1b4;
--champagne-glee-rgb: 215 193 180;
--champagne-glee-oklch: oklch(0.826 0.031 52.6);
}
.element {
color: var(--champagne-glee);
background-color: hsl(22 30% 77%);
border-color: oklch(0.826 0.031 52.6);
}Tailwind CSS v4
@theme {
--color-champagne-glee: #d7c1b4;
--color-champagne-glee-50: #fdf3ed;
--color-champagne-glee-100: #f1e5de;
--color-champagne-glee-200: #dfd1c8;
--color-champagne-glee-300: #c5b4a9;
--color-champagne-glee-400: #ae9a8e;
--color-champagne-glee-500: #978174;
--color-champagne-glee-600: #806d62;
--color-champagne-glee-700: #66574e;
--color-champagne-glee-800: #4c4039;
--color-champagne-glee-900: #342c27;
--color-champagne-glee-950: #201915;
}SCSS
$champagne-glee: #d7c1b4;
$champagne-glee-rgb: 215, 193, 180;
$champagne-glee-light: mix(#fff, $champagne-glee, 20%);
$champagne-glee-dark: mix(#000, $champagne-glee, 20%);
.element {
color: $champagne-glee;
box-shadow: 0 0 0 2px rgba($champagne-glee, 0.35);
}