Colore con nome · #E4D6BA
Yellowstone Park
Yellowstone Park è #E4D6BA: rgb(228 214 186), hsl(40 44% 81%), oklch(0.88 0.04 84.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Yellowstone Park color name →
#E4D6BA
oklch(0.88 0.04 84.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E7DAC1
- E9DEC8
- ECE2CF
- EFE6D5
- F1EADC
- F4EFE3
- F7F3EA
- FAF7F1
- FCFBF8
Ombre
- C6BAA1
- A99E89
- 8D8472
- 726A5C
- 585246
- 3F3B32
- 28251E
- 12100D
- 030202
Toni
- DACDB4
- CFC4AE
- C5BBA8
- BBB3A3
- B1AA9D
- A7A197
- 9D9991
- 93918B
- 8A8886
Armonie di colore
Complementare +180°
- E4D6BA
Yellowstone Park
- CAD8F3
≈ Fly a Kite
Analogo -30° +30°
- E4D6BA
Yellowstone Park
- EED1BF
≈ Cream of Mushroom
- D6DBBD
≈ Breezeway
Triadico +120° +240°
- E4D6BA
Yellowstone Park
- BAE0E4
≈ Forever
- E6CFE7
≈ Little Touch
Complementare divisa +150° +210°
- E4D6BA
Yellowstone Park
- BFDDEF
≈ Tropical Pool
- D9D3F0
≈ Japan Blush
Tetradico +90° +180° +270°
- E4D6BA
Yellowstone Park
- BDE1D6
≈ Serendipity
- CAD8F3
≈ Fly a Kite
- EECDD9
≈ Pale Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.62:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.62:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
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);
}