Benannte Farbe · #EAB781
Mom’s Apple Pie
Mom’s Apple Pie ist #EAB781: rgb(234 183 129), hsl(31 71% 71%), oklch(0.813 0.092 67.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mom’s Apple Pie color name →
#EAB781
oklch(0.813 0.092 67.6)
Farbumrechnungen
- HEX
- #eab781
- RGB
- rgb(234 183 129)
- HSL
- hsl(31 71% 71%)
- HWB
- hwb(31 51% 8%)
- OKLCH
- oklch(0.813 0.092 67.6)
- OKLab
- oklab(0.813 0.035 0.085)
- CIE Lab
- lab(78.22 14.14 34.86)
- LCH
- lch(78.22 37.62 67.9)
- CMYK
- cmyk(0% 22% 45% 8%)
Tints · Shades · Tones
Tints
- ECBE8E
- EFC69B
- F1CDA7
- F3D4B4
- F5DBC1
- F7E2CD
- F9EADA
- FBF1E6
- FDF8F2
Shades
- CB9F6F
- AE875E
- 91704E
- 755A3E
- 5A452E
- 41311F
- 291E12
- 130C06
- 030201
Tones
- DFB282
- D4AC82
- CAA782
- BFA182
- B49C82
- AA9682
- 9F9182
- 958B81
- 8A8681
Farbharmonien
Komplementär +180°
- EAB781
Mom’s Apple Pie
- 92C8FB
≈ Clear Sky
Analog -30° +30°
- EAB781
Mom’s Apple Pie
- F6AE98
≈ Duchess Rose
- D2C37D
≈ Tropical Moss
Triadisch +120° +240°
- EAB781
Mom’s Apple Pie
- 77D5CC
≈ Water Wings
- D2B3F0
≈ Violet Heaven
Geteilt komplementär +150° +210°
- EAB781
Mom’s Apple Pie
- 78D1E9
≈ Summer Splash
- B3BDFD
≈ Dried Lilac
Tetradisch +90° +180° +270°
- EAB781
Mom’s Apple Pie
- 8FD4AB
≈ Peaceful Pastures
- 92C8FB
≈ Clear Sky
- E9ABD7
≈ Cosmic Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.58:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--mom-s-apple-pie: #eab781;
--mom-s-apple-pie-rgb: 234 183 129;
--mom-s-apple-pie-oklch: oklch(0.813 0.092 67.6);
}
.element {
color: var(--mom-s-apple-pie);
background-color: hsl(31 71% 71%);
border-color: oklch(0.813 0.092 67.6);
}Tailwind CSS v4
@theme {
--color-mom-s-apple-pie: #eab781;
--color-mom-s-apple-pie-50: #fff1da;
--color-mom-s-apple-pie-100: #fde3c8;
--color-mom-s-apple-pie-200: #eeceaa;
--color-mom-s-apple-pie-300: #d6b084;
--color-mom-s-apple-pie-400: #c39462;
--color-mom-s-apple-pie-500: #ae7a3e;
--color-mom-s-apple-pie-600: #936735;
--color-mom-s-apple-pie-700: #76522a;
--color-mom-s-apple-pie-800: #583b1e;
--color-mom-s-apple-pie-900: #3e2913;
--color-mom-s-apple-pie-950: #271705;
}SCSS
$mom-s-apple-pie: #eab781;
$mom-s-apple-pie-rgb: 234, 183, 129;
$mom-s-apple-pie-light: mix(#fff, $mom-s-apple-pie, 20%);
$mom-s-apple-pie-dark: mix(#000, $mom-s-apple-pie, 20%);
.element {
color: $mom-s-apple-pie;
box-shadow: 0 0 0 2px rgba($mom-s-apple-pie, 0.35);
}