Colore con nome · #DACD81
Hay Day
Hay Day è #DACD81: rgb(218 205 129), hsl(51 55% 68%), oklch(0.842 0.098 99.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hay Day color name →
#DACD81
oklch(0.842 0.098 99.7)
Conversioni di colore
- HEX
- #dacd81
- RGB
- rgb(218 205 129)
- HSL
- hsl(51 55% 68%)
- HWB
- hwb(51 51% 15%)
- OKLCH
- oklch(0.842 0.098 99.7)
- OKLab
- oklab(0.842 -0.017 0.096)
- CIE Lab
- lab(82.21 -3.16 39.49)
- LCH
- lch(82.21 39.62 94.6)
- CMYK
- cmyk(0% 6% 41% 15%)
Tinte · Ombre · Toni
Tinte
- DED28E
- E1D79B
- E5DCA8
- E8E1B5
- ECE6C1
- F0EBCE
- F4F0DA
- F7F5E6
- FBFAF3
Ombre
- BDB26F
- A2985E
- 877E4E
- 6C663E
- 544E2E
- 3C381F
- 252312
- 110F06
- 020201
Toni
- D1C582
- C7BD83
- BEB683
- B5AE83
- ACA683
- A39E83
- 9A9782
- 918F82
- 898881
Armonie di colore
Complementare +180°
- DACD81
Hay Day
- C0C6FF
≈ Light Periwinkle
Analogo -30° +30°
- DACD81
Hay Day
- F5C084
≈ Apricot Yellow
- B7D894
≈ Witty Green
Triadico +120° +240°
- DACD81
Hay Day
- 7DDAF7
≈ Medium Sky Blue
- F7B2E0
≈ Hot Aquarelle Pink
Complementare divisa +150° +210°
- DACD81
Hay Day
- A3D0FF
≈ Baby Blue
- DFBAFB
≈ Lavender Fragrance
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.03:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.03:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--hay-day: #dacd81;
--hay-day-rgb: 218 205 129;
--hay-day-oklch: oklch(0.842 0.098 99.7);
}
.element {
color: var(--hay-day);
background-color: hsl(51 55% 68%);
border-color: oklch(0.842 0.098 99.7);
}Tailwind CSS v4
@theme {
--color-hay-day: #dacd81;
--color-hay-day-50: #faf7d7;
--color-hay-day-100: #eeeac5;
--color-hay-day-200: #dcd6a6;
--color-hay-day-300: #c1ba7f;
--color-hay-day-400: #aca059;
--color-hay-day-500: #968730;
--color-hay-day-600: #7e722b;
--color-hay-day-700: #655c22;
--color-hay-day-800: #4b4216;
--color-hay-day-900: #342e0e;
--color-hay-day-950: #201b02;
}SCSS
$hay-day: #dacd81;
$hay-day-rgb: 218, 205, 129;
$hay-day-light: mix(#fff, $hay-day, 20%);
$hay-day-dark: mix(#000, $hay-day, 20%);
.element {
color: $hay-day;
box-shadow: 0 0 0 2px rgba($hay-day, 0.35);
}