Benannte Farbe · #EAD4A6
Paper Moon
Paper Moon ist #EAD4A6: rgb(234 212 166), hsl(41 62% 78%), oklch(0.877 0.065 85.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Paper Moon color name →
#EAD4A6
oklch(0.877 0.065 85.4)
Farbumrechnungen
- HEX
- #ead4a6
- RGB
- rgb(234 212 166)
- HSL
- hsl(41 62% 78%)
- HWB
- hwb(41 65% 8%)
- OKLCH
- oklch(0.877 0.065 85.4)
- OKLab
- oklab(0.877 0.005 0.065)
- CIE Lab
- lab(85.91 2.89 25.77)
- LCH
- lch(85.91 25.94 83.6)
- CMYK
- cmyk(0% 9% 29% 8%)
Tints · Shades · Tones
Tints
- ECD8AF
- EEDDB8
- F0E1C1
- F2E5CA
- F5EAD3
- F7EEDC
- F9F2E4
- FBF6ED
- FDFBF6
Shades
- CBB890
- AE9D7A
- 918365
- 756951
- 5A513E
- 413A2B
- 29241A
- 13100A
- 030201
Tones
- DFCBA2
- D4C39F
- C9BA9B
- BEB297
- B4A994
- A9A190
- 9F998C
- 949088
- 8A8884
Farbharmonien
Komplementär +180°
- EAD4A6
Paper Moon
- C4D7FF
≈ Pale Phthalo Blue
Analog -30° +30°
- EAD4A6
Paper Moon
- F9CCAE
≈ Whipped Peach
- D4DCAC
≈ Willow Wind
Triadisch +120° +240°
- EAD4A6
Paper Moon
- A4E3EB
≈ Blizzard Blue
- EDC8EE
≈ Sugar High
Geteilt komplementär +150° +210°
- EAD4A6
Paper Moon
- AEDEFC
≈ Droplet
- D9CFFD
≈ Pale Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.46:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.46:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--paper-moon: #ead4a6;
--paper-moon-rgb: 234 212 166;
--paper-moon-oklch: oklch(0.877 0.065 85.4);
}
.element {
color: var(--paper-moon);
background-color: hsl(41 62% 78%);
border-color: oklch(0.877 0.065 85.4);
}Tailwind CSS v4
@theme {
--color-paper-moon: #ead4a6;
--color-paper-moon-50: #fdf4e1;
--color-paper-moon-100: #f1e7d0;
--color-paper-moon-200: #e0d3b5;
--color-paper-moon-300: #c6b692;
--color-paper-moon-400: #b09c72;
--color-paper-moon-500: #9a8353;
--color-paper-moon-600: #826f47;
--color-paper-moon-700: #685938;
--color-paper-moon-800: #4d4028;
--color-paper-moon-900: #362c1b;
--color-paper-moon-950: #21190b;
}SCSS
$paper-moon: #ead4a6;
$paper-moon-rgb: 234, 212, 166;
$paper-moon-light: mix(#fff, $paper-moon, 20%);
$paper-moon-dark: mix(#000, $paper-moon, 20%);
.element {
color: $paper-moon;
box-shadow: 0 0 0 2px rgba($paper-moon, 0.35);
}