Benannte Farbe · #EDE4D4
Pavillion
Pavillion ist #EDE4D4: rgb(237 228 212), hsl(38 41% 88%), oklch(0.922 0.023 82.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pavillion color name →
#EDE4D4
oklch(0.922 0.023 82.1)
Farbumrechnungen
- HEX
- #ede4d4
- RGB
- rgb(237 228 212)
- HSL
- hsl(38 41% 88%)
- HWB
- hwb(38 83% 7%)
- OKLCH
- oklch(0.922 0.023 82.1)
- OKLab
- oklab(0.922 0.003 0.023)
- CIE Lab
- lab(90.99 1.18 8.98)
- LCH
- lch(90.99 9.06 82.5)
- CMYK
- cmyk(0% 4% 11% 7%)
Tints · Shades · Tones
Tints
- EFE7D8
- F1E9DD
- F2ECE1
- F4EFE5
- F6F1E9
- F8F4EE
- FAF7F2
- FBFAF6
- FDFCFB
Shades
- CEC6B8
- B0A99D
- 938D83
- 777269
- 5C5851
- 423F3A
- 2A2824
- 141210
- 030302
Tones
- E2DACB
- D6CFC3
- CBC5BA
- C0BBB2
- B5B1A9
- AAA7A1
- 9F9D98
- 959390
- 8A8A88
Farbharmonien
Komplementär +180°
- EDE4D4
Pavillion
- DDE6F5
≈ Crystal Falls
Analog -30° +30°
- EDE4D4
Pavillion
- F3E1D7
≈ Touching White
- E5E7D5
≈ Pine Water
Triadisch +120° +240°
- EDE4D4
Pavillion
- D4EAEC
≈ Enchanted Evening
- EDE0EF
≈ Faded Fuchsia
Geteilt komplementär +150° +210°
- EDE4D4
Pavillion
- D6E8F2
≈ Icicle Veil
- E5E3F4
≈ Farsighted
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.64:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.64:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--pavillion: #ede4d4;
--pavillion-rgb: 237 228 212;
--pavillion-oklch: oklch(0.922 0.023 82.1);
}
.element {
color: var(--pavillion);
background-color: hsl(38 41% 88%);
border-color: oklch(0.922 0.023 82.1);
}Tailwind CSS v4
@theme {
--color-pavillion: #ede4d4;
--color-pavillion-50: #f8f5ee;
--color-pavillion-100: #ebe7df;
--color-pavillion-200: #d9d4c9;
--color-pavillion-300: #bdb7aa;
--color-pavillion-400: #a59d8f;
--color-pavillion-500: #8e8575;
--color-pavillion-600: #787163;
--color-pavillion-700: #605a4f;
--color-pavillion-800: #474239;
--color-pavillion-900: #312d27;
--color-pavillion-950: #1d1a15;
}SCSS
$pavillion: #ede4d4;
$pavillion-rgb: 237, 228, 212;
$pavillion-light: mix(#fff, $pavillion, 20%);
$pavillion-dark: mix(#000, $pavillion, 20%);
.element {
color: $pavillion;
box-shadow: 0 0 0 2px rgba($pavillion, 0.35);
}