Benannte Farbe · #95863C
Eden Prairie
Eden Prairie ist #95863C: rgb(149 134 60), hsl(50 43% 41%), oklch(0.618 0.096 98). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Eden Prairie color name →
#95863C
oklch(0.618 0.096 98)
Farbumrechnungen
- HEX
- #95863c
- RGB
- rgb(149 134 60)
- HSL
- hsl(50 43% 41%)
- HWB
- hwb(50 24% 42%)
- OKLCH
- oklch(0.618 0.096 98)
- OKLab
- oklab(0.618 -0.013 0.095)
- CIE Lab
- lab(56.14 -1.16 41.09)
- LCH
- lch(56.14 41.1 91.6)
- CMYK
- cmyk(0% 10% 60% 42%)
Tints · Shades · Tones
Tints
- 9F9251
- A99E65
- B4A978
- BEB58B
- C8C19E
- D3CEB1
- DEDAC5
- E9E6D8
- F4F3EB
Shades
- 817433
- 6D622A
- 5A5121
- 484019
- 373011
- 26210A
- 161304
- 080601
- 010100
Tones
- 938645
- 91854D
- 8F8555
- 8C845C
- 8A8462
- 888369
- 86826F
- 848275
- 82817A
Farbharmonien
Komplementär +180°
- 95863C
Eden Prairie
- 7880BF
≈ Deep Periwinkle
Analog -30° +30°
- 95863C
Eden Prairie
- AC7A41
≈ Vintage Lincoln
- 759150
≈ Forest Bound
Triadisch +120° +240°
- 95863C
Eden Prairie
- 3093AC
≈ Blue Moon
- AB6E9A
≈ Violetta
Geteilt komplementär +150° +210°
- 95863C
Eden Prairie
- 548ABD
≈ Blueberry Popover
- 9676B2
≈ Romantic Moment
Tetradisch +90° +180° +270°
- 95863C
Eden Prairie
- 2A9890
≈ Azure Tide
- 7880BF
≈ Deep Periwinkle
- B76C7A
≈ Rose Gold
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.65:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.75:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--eden-prairie: #95863c;
--eden-prairie-rgb: 149 134 60;
--eden-prairie-oklch: oklch(0.618 0.096 98);
}
.element {
color: var(--eden-prairie);
background-color: hsl(50 43% 41%);
border-color: oklch(0.618 0.096 98);
}Tailwind CSS v4
@theme {
--color-eden-prairie: #95863c;
--color-eden-prairie-50: #fbf6d7;
--color-eden-prairie-100: #efe9c5;
--color-eden-prairie-200: #ddd6a7;
--color-eden-prairie-300: #c3b97f;
--color-eden-prairie-400: #ad9f5a;
--color-eden-prairie-500: #978632;
--color-eden-prairie-600: #80722c;
--color-eden-prairie-700: #665b23;
--color-eden-prairie-800: #4c4217;
--color-eden-prairie-900: #352e0e;
--color-eden-prairie-950: #201a02;
}SCSS
$eden-prairie: #95863c;
$eden-prairie-rgb: 149, 134, 60;
$eden-prairie-light: mix(#fff, $eden-prairie, 20%);
$eden-prairie-dark: mix(#000, $eden-prairie, 20%);
.element {
color: $eden-prairie;
box-shadow: 0 0 0 2px rgba($eden-prairie, 0.35);
}