Benannte Farbe · #E4C495
Bird’s-Eye Maple
Bird’s-Eye Maple ist #E4C495: rgb(228 196 149), hsl(36 59% 74%), oklch(0.836 0.072 77.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Bird’s-Eye Maple color name →
#E4C495
oklch(0.836 0.072 77.1)
Farbumrechnungen
- HEX
- #e4c495
- RGB
- rgb(228 196 149)
- HSL
- hsl(36 59% 74%)
- HWB
- hwb(36 58% 11%)
- OKLCH
- oklch(0.836 0.072 77.1)
- OKLab
- oklab(0.836 0.016 0.07)
- CIE Lab
- lab(81.1 6.87 28.08)
- LCH
- lch(81.1 28.91 76.3)
- CMYK
- cmyk(0% 14% 35% 11%)
Tints · Shades · Tones
Tints
- E7CAA0
- EAD0AA
- ECD6B5
- EFDCC0
- F2E2CA
- F4E7D5
- F7EDDF
- FAF3EA
- FCF9F4
Shades
- C6AA81
- A9916D
- 8D785A
- 726148
- 584A37
- 3F3526
- 282116
- 120E08
- 030201
Tones
- DABD93
- CFB691
- C5AF90
- BBA88E
- B1A28C
- A79B89
- 9D9487
- 938D85
- 8A8782
Farbharmonien
Komplementär +180°
- E4C495
Bird’s-Eye Maple
- ACCCF8
≈ Night Snow
Analog -30° +30°
- E4C495
Bird’s-Eye Maple
- F1BCA2
≈ Certain Peach
- CECD97
≈ Corn Husk Green
Triadisch +120° +240°
- E4C495
Bird’s-Eye Maple
- 91D8D9
≈ Mini Blue
- DDBBE9
≈ Beefy Pink
Geteilt komplementär +150° +210°
- E4C495
Bird’s-Eye Maple
- 97D3EE
≈ Slightly Spritzig
- C6C3F6
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- E4C495
Bird’s-Eye Maple
- 9CD9C0
≈ Pageant Green
- ACCCF8
≈ Night Snow
- EDB7D2
≈ Bunny Cake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.62:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--bird-s-eye-maple: #e4c495;
--bird-s-eye-maple-rgb: 228 196 149;
--bird-s-eye-maple-oklch: oklch(0.836 0.072 77.1);
}
.element {
color: var(--bird-s-eye-maple);
background-color: hsl(36 59% 74%);
border-color: oklch(0.836 0.072 77.1);
}Tailwind CSS v4
@theme {
--color-bird-s-eye-maple: #e4c495;
--color-bird-s-eye-maple-50: #fff3df;
--color-bird-s-eye-maple-100: #f5e6ce;
--color-bird-s-eye-maple-200: #e5d1b3;
--color-bird-s-eye-maple-300: #cbb48e;
--color-bird-s-eye-maple-400: #b6996e;
--color-bird-s-eye-maple-500: #a1804e;
--color-bird-s-eye-maple-600: #886c43;
--color-bird-s-eye-maple-700: #6d5735;
--color-bird-s-eye-maple-800: #513f25;
--color-bird-s-eye-maple-900: #382b19;
--color-bird-s-eye-maple-950: #23180a;
}SCSS
$bird-s-eye-maple: #e4c495;
$bird-s-eye-maple-rgb: 228, 196, 149;
$bird-s-eye-maple-light: mix(#fff, $bird-s-eye-maple, 20%);
$bird-s-eye-maple-dark: mix(#000, $bird-s-eye-maple, 20%);
.element {
color: $bird-s-eye-maple;
box-shadow: 0 0 0 2px rgba($bird-s-eye-maple, 0.35);
}