Colore con nome · #D9CA93
Artichoke Mist
Artichoke Mist è #D9CA93: rgb(217 202 147), hsl(47 48% 71%), oklch(0.838 0.074 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Artichoke Mist color name →
#D9CA93
oklch(0.838 0.074 94.7)
Conversioni di colore
- HEX
- #d9ca93
- RGB
- rgb(217 202 147)
- HSL
- hsl(47 48% 71%)
- HWB
- hwb(47 58% 15%)
- OKLCH
- oklch(0.838 0.074 94.7)
- OKLab
- oklab(0.838 -0.006 0.074)
- CIE Lab
- lab(81.59 -0.59 29.54)
- LCH
- lch(81.59 29.54 91.1)
- CMYK
- cmyk(0% 7% 32% 15%)
Tinte · Ombre · Toni
Tinte
- DDCF9E
- E0D5A9
- E4DAB4
- E8DFBF
- ECE5C9
- F0EAD4
- F3EFDF
- F7F4E9
- FBFAF4
Ombre
- BCAF7F
- A1956C
- 867C59
- 6C6447
- 534D36
- 3B3725
- 252216
- 110F08
- 020201
Toni
- D0C292
- C7BB90
- BDB38E
- B4AC8D
- ABA48B
- A39D89
- 9A9687
- 918E85
- 888782
Armonie di colore
Complementare +180°
- D9CA93
Artichoke Mist
- BBC7FB
≈ Light Periwinkle
Analogo -30° +30°
- D9CA93
Artichoke Mist
- ECC198
≈ Special Peach
- BFD39E
≈ Cricket Field
Triadico +120° +240°
- D9CA93
Artichoke Mist
- 91D7E8
≈ Tanager Turquoise
- E9B8DD
≈ Pink Drink
Complementare divisa +150° +210°
- D9CA93
Artichoke Mist
- A2D0F7
≈ Baby Blue
- D5BEF1
≈ Beefy Pink
Tetradico +90° +180° +270°
- D9CA93
Artichoke Mist
- 92DAD0
≈ Sweet Rhapsody
- BBC7FB
≈ Light Periwinkle
- F5B6C4
≈ Love Spell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.81:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.81:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--artichoke-mist: #d9ca93;
--artichoke-mist-rgb: 217 202 147;
--artichoke-mist-oklch: oklch(0.838 0.074 94.7);
}
.element {
color: var(--artichoke-mist);
background-color: hsl(47 48% 71%);
border-color: oklch(0.838 0.074 94.7);
}Tailwind CSS v4
@theme {
--color-artichoke-mist: #d9ca93;
--color-artichoke-mist-50: #fbf6de;
--color-artichoke-mist-100: #efe8cd;
--color-artichoke-mist-200: #ddd5b1;
--color-artichoke-mist-300: #c2b88d;
--color-artichoke-mist-400: #ac9e6c;
--color-artichoke-mist-500: #96864b;
--color-artichoke-mist-600: #7f7140;
--color-artichoke-mist-700: #655b33;
--color-artichoke-mist-800: #4b4223;
--color-artichoke-mist-900: #342d17;
--color-artichoke-mist-950: #201a08;
}SCSS
$artichoke-mist: #d9ca93;
$artichoke-mist-rgb: 217, 202, 147;
$artichoke-mist-light: mix(#fff, $artichoke-mist, 20%);
$artichoke-mist-dark: mix(#000, $artichoke-mist, 20%);
.element {
color: $artichoke-mist;
box-shadow: 0 0 0 2px rgba($artichoke-mist, 0.35);
}