Colore con nome · #D2CC81
Yellow Endive
Yellow Endive è #D2CC81: rgb(210 204 129), hsl(56 47% 66%), oklch(0.833 0.096 104.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yellow Endive color name →
#D2CC81
oklch(0.833 0.096 104.3)
Conversioni di colore
- HEX
- #d2cc81
- RGB
- rgb(210 204 129)
- HSL
- hsl(56 47% 66%)
- HWB
- hwb(56 51% 18%)
- OKLCH
- oklch(0.833 0.096 104.3)
- OKLab
- oklab(0.833 -0.024 0.093)
- CIE Lab
- lab(81.27 -5.86 38.13)
- LCH
- lch(81.27 38.58 98.7)
- CMYK
- cmyk(0% 3% 39% 18%)
Tinte · Ombre · Toni
Tinte
- D6D18E
- DBD69B
- DFDBA8
- E4E1B5
- E8E6C1
- EDEBCE
- F1F0DA
- F6F5E6
- FAFAF3
Ombre
- B6B16F
- 9B975E
- 817E4E
- 68653E
- 504E2E
- 39371F
- 242212
- 100F06
- 020201
Toni
- C9C482
- C1BD82
- B8B583
- B0AD83
- A8A683
- A09E83
- 989682
- 908F82
- 888781
Armonie di colore
Complementare +180°
- D2CC81
Yellow Endive
- C1C1FF
≈ Light Periwinkle
Analogo -30° +30°
- D2CC81
Yellow Endive
- EEBF80
≈ Eldar
- AED797
≈ Cool Aloe
Triadico +120° +240°
- D2CC81
Yellow Endive
- 7ED6F7
≈ Kul Sharif Blue
- F6AFD7
≈ Spaghetti Strap Pink
Complementare divisa +150° +210°
- D2CC81
Yellow Endive
- A3CCFF
≈ Night Snow
- E0B6F4
≈ Pink Illusion
Tetradico +90° +180° +270°
- D2CC81
Yellow Endive
- 75DCDB
≈ Andes Sky
- C1C1FF
≈ Light Periwinkle
- FFB0B5
≈ Fancy Flamingo
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.69:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--yellow-endive: #d2cc81;
--yellow-endive-rgb: 210 204 129;
--yellow-endive-oklch: oklch(0.833 0.096 104.3);
}
.element {
color: var(--yellow-endive);
background-color: hsl(56 47% 66%);
border-color: oklch(0.833 0.096 104.3);
}Tailwind CSS v4
@theme {
--color-yellow-endive: #d2cc81;
--color-yellow-endive-50: #f8f8d8;
--color-yellow-endive-100: #ebebc6;
--color-yellow-endive-200: #d9d8a8;
--color-yellow-endive-300: #bdbb81;
--color-yellow-endive-400: #a7a25c;
--color-yellow-endive-500: #918935;
--color-yellow-endive-600: #7a742e;
--color-yellow-endive-700: #625d25;
--color-yellow-endive-800: #494318;
--color-yellow-endive-900: #322f0f;
--color-yellow-endive-950: #1e1b03;
}SCSS
$yellow-endive: #d2cc81;
$yellow-endive-rgb: 210, 204, 129;
$yellow-endive-light: mix(#fff, $yellow-endive, 20%);
$yellow-endive-dark: mix(#000, $yellow-endive, 20%);
.element {
color: $yellow-endive;
box-shadow: 0 0 0 2px rgba($yellow-endive, 0.35);
}