Nächste benannte Farbe · #E3DAEB
#E3DAEB
Nächste benannte Farbe: Pink Champagne
#E3DAEB (rgb(227 218 235), hsl(272 30% 89%), oklch(0.901 0.025 309.4)) liegt am nächsten an der benannten Farbe Pink Champagne. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E3DAEB
oklch(0.901 0.025 309.4)
Farbumrechnungen
- HEX
- #e3daeb
- RGB
- rgb(227 218 235)
- HSL
- hsl(272 30% 89%)
- HWB
- hwb(272 85% 8%)
- OKLCH
- oklch(0.901 0.025 309.4)
- OKLab
- oklab(0.901 0.016 -0.019)
- CIE Lab
- lab(88.16 5.47 -7.2)
- LCH
- lch(88.16 9.04 307.2)
- CMYK
- cmyk(3% 7% 0% 8%)
Tints · Shades · Tones
Tints
- E6DEED
- E9E1EF
- EBE5F1
- EEE9F3
- F1ECF5
- F4F0F7
- F7F4F9
- F9F8FB
- FCFBFD
Shades
- C5BDCC
- A8A2AE
- 8C8791
- 716C75
- 57545B
- 3F3C41
- 272529
- 121113
- 030203
Tones
- D9D1E0
- CEC7D5
- C4BECA
- BAB5BF
- B0ACB4
- A6A3A9
- 9D9A9F
- 939194
- 89898A
Farbharmonien
Komplementär +180°
- E3DAEB
Pink Champagne
- D9E2D1
≈ Lime Spritz
Analog -30° +30°
- E3DAEB
Pink Champagne
- DADDEF
≈ The White Death
- EAD8E4
≈ Rajah Rose
Triadisch +120° +240°
- E3DAEB
Pink Champagne
- E9DCCD
≈ Crepuscular
- CDE4E1
≈ Ice Dagger
Geteilt komplementär +150° +210°
- E3DAEB
Pink Champagne
- E2DFCC
≈ Confident White
- D1E4D8
≈ Light Dry Lichen
Tetradisch +90° +180° +270°
- E3DAEB
Pink Champagne
- EED9D2
≈ Touch of Tan
- D9E2D1
≈ Lime Spritz
- CDE3EA
≈ Endless Sky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.49:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--pink-champagne: #e3daeb;
--pink-champagne-rgb: 227 218 235;
--pink-champagne-oklch: oklch(0.901 0.025 309.4);
}
.element {
color: var(--pink-champagne);
background-color: hsl(272 30% 89%);
border-color: oklch(0.901 0.025 309.4);
}Tailwind CSS v4
@theme {
--color-pink-champagne: #e3daeb;
--color-pink-champagne-50: #f7f3fa;
--color-pink-champagne-100: #eae6ee;
--color-pink-champagne-200: #d8d1dc;
--color-pink-champagne-300: #bbb4c1;
--color-pink-champagne-400: #a39baa;
--color-pink-champagne-500: #8b8293;
--color-pink-champagne-600: #766e7c;
--color-pink-champagne-700: #5e5863;
--color-pink-champagne-800: #454049;
--color-pink-champagne-900: #2f2c33;
--color-pink-champagne-950: #1c191e;
}SCSS
$pink-champagne: #e3daeb;
$pink-champagne-rgb: 227, 218, 235;
$pink-champagne-light: mix(#fff, $pink-champagne, 20%);
$pink-champagne-dark: mix(#000, $pink-champagne, 20%);
.element {
color: $pink-champagne;
box-shadow: 0 0 0 2px rgba($pink-champagne, 0.35);
}