Benannte Farbe · #E4D6BA
Yellowstone Park
Yellowstone Park ist #E4D6BA: rgb(228 214 186), hsl(40 44% 81%), oklch(0.88 0.04 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Yellowstone Park color name →
#E4D6BA
oklch(0.88 0.04 84.6)
Farbumrechnungen
- HEX
- #e4d6ba
- RGB
- rgb(228 214 186)
- HSL
- hsl(40 44% 81%)
- HWB
- hwb(40 73% 11%)
- OKLCH
- oklch(0.88 0.04 84.6)
- OKLab
- oklab(0.88 0.004 0.04)
- CIE Lab
- lab(86.23 1.67 15.72)
- LCH
- lch(86.23 15.81 83.9)
- CMYK
- cmyk(0% 6% 18% 11%)
Tints · Shades · Tones
Tints
- E7DAC1
- E9DEC8
- ECE2CF
- EFE6D5
- F1EADC
- F4EFE3
- F7F3EA
- FAF7F1
- FCFBF8
Shades
- C6BAA1
- A99E89
- 8D8472
- 726A5C
- 585246
- 3F3B32
- 28251E
- 12100D
- 030202
Tones
- DACDB4
- CFC4AE
- C5BBA8
- BBB3A3
- B1AA9D
- A7A197
- 9D9991
- 93918B
- 8A8886
Farbharmonien
Komplementär +180°
- E4D6BA
Yellowstone Park
- CAD8F3
≈ Fly a Kite
Analog -30° +30°
- E4D6BA
Yellowstone Park
- EED1BF
≈ Cream of Mushroom
- D6DBBD
≈ Breezeway
Triadisch +120° +240°
- E4D6BA
Yellowstone Park
- BAE0E4
≈ Forever
- E6CFE7
≈ Little Touch
Geteilt komplementär +150° +210°
- E4D6BA
Yellowstone Park
- BFDDEF
≈ Tropical Pool
- D9D3F0
≈ Japan Blush
Tetradisch +90° +180° +270°
- E4D6BA
Yellowstone Park
- BDE1D6
≈ Serendipity
- CAD8F3
≈ Fly a Kite
- EECDD9
≈ Pale Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.62:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--yellowstone-park: #e4d6ba;
--yellowstone-park-rgb: 228 214 186;
--yellowstone-park-oklch: oklch(0.88 0.04 84.6);
}
.element {
color: var(--yellowstone-park);
background-color: hsl(40 44% 81%);
border-color: oklch(0.88 0.04 84.6);
}Tailwind CSS v4
@theme {
--color-yellowstone-park: #e4d6ba;
--color-yellowstone-park-50: #faf5e8;
--color-yellowstone-park-100: #eee7d9;
--color-yellowstone-park-200: #dcd3c1;
--color-yellowstone-park-300: #c0b6a0;
--color-yellowstone-park-400: #aa9d84;
--color-yellowstone-park-500: #938468;
--color-yellowstone-park-600: #7c7058;
--color-yellowstone-park-700: #635a46;
--color-yellowstone-park-800: #494133;
--color-yellowstone-park-900: #332d22;
--color-yellowstone-park-950: #1f1a11;
}SCSS
$yellowstone-park: #e4d6ba;
$yellowstone-park-rgb: 228, 214, 186;
$yellowstone-park-light: mix(#fff, $yellowstone-park, 20%);
$yellowstone-park-dark: mix(#000, $yellowstone-park, 20%);
.element {
color: $yellowstone-park;
box-shadow: 0 0 0 2px rgba($yellowstone-park, 0.35);
}