Colore con nome · #D4AC99
Hayride
Hayride è #D4AC99: rgb(212 172 153), hsl(19 41% 72%), oklch(0.775 0.054 46.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hayride color name →
#D4AC99
oklch(0.775 0.054 46.8)
Conversioni di colore
- HEX
- #d4ac99
- RGB
- rgb(212 172 153)
- HSL
- hsl(19 41% 72%)
- HWB
- hwb(19 60% 17%)
- OKLCH
- oklch(0.775 0.054 46.8)
- OKLab
- oklab(0.775 0.037 0.039)
- CIE Lab
- lab(73.65 13.01 15.61)
- LCH
- lch(73.65 20.32 50.2)
- CMYK
- cmyk(0% 19% 28% 17%)
Tinte · Ombre · Toni
Tinte
- D8B4A3
- DDBCAD
- E1C5B7
- E6CDC1
- EAD5CB
- EEDDD5
- F3E6E0
- F7EEEA
- FBF7F5
Ombre
- B89584
- 9D7F70
- 83695D
- 69544A
- 514038
- 3A2D27
- 241B17
- 100B08
- 020101
Toni
- CBA897
- C3A394
- BA9F92
- B29A8F
- AA968D
- A1928A
- 998D88
- 918985
- 888483
Armonie di colore
Complementare +180°
- D4AC99
Hayride
- 92BED1
≈ Reef Blue
Analogo -30° +30°
- D4AC99
Hayride
- D6A9AA
≈ Silver Pink
- CAB290
≈ Tropical Tan
Triadico +120° +240°
- D4AC99
Hayride
- 95C1AE
≈ Bella Green
- B3B1D7
≈ Freesia Purple
Complementare divisa +150° +210°
- D4AC99
Hayride
- 8DC1C2
≈ Cabana Bay
- A0B8D9
≈ Mont Blanc
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.16:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--hayride: #d4ac99;
--hayride-rgb: 212 172 153;
--hayride-oklch: oklch(0.775 0.054 46.8);
}
.element {
color: var(--hayride);
background-color: hsl(19 41% 72%);
border-color: oklch(0.775 0.054 46.8);
}Tailwind CSS v4
@theme {
--color-hayride: #d4ac99;
--color-hayride-50: #fff1e8;
--color-hayride-100: #f8e3d9;
--color-hayride-200: #e9cec1;
--color-hayride-300: #cfb0a0;
--color-hayride-400: #ba9584;
--color-hayride-500: #a57b68;
--color-hayride-600: #8b6958;
--color-hayride-700: #705446;
--color-hayride-800: #533d33;
--color-hayride-900: #3a2a23;
--color-hayride-950: #241712;
}SCSS
$hayride: #d4ac99;
$hayride-rgb: 212, 172, 153;
$hayride-light: mix(#fff, $hayride, 20%);
$hayride-dark: mix(#000, $hayride, 20%);
.element {
color: $hayride;
box-shadow: 0 0 0 2px rgba($hayride, 0.35);
}