Colore con nome · #D99F4D
Gold Foil
Gold Foil è #D99F4D: rgb(217 159 77), hsl(35 65% 58%), oklch(0.742 0.12 73.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Foil color name →
#D99F4D
oklch(0.742 0.12 73.4)
Conversioni di colore
- HEX
- #d99f4d
- RGB
- rgb(217 159 77)
- HSL
- hsl(35 65% 58%)
- HWB
- hwb(35 30% 15%)
- OKLCH
- oklch(0.742 0.12 73.4)
- OKLab
- oklab(0.742 0.034 0.115)
- CIE Lab
- lab(70 16.21 50.52)
- LCH
- lch(70 53.06 72.2)
- CMYK
- cmyk(0% 27% 65% 15%)
Tinte · Ombre · Toni
Tinte
- DDA962
- E1B274
- E5BC87
- E9C698
- EDCFA9
- F1D9BB
- F5E2CC
- F8ECDD
- FCF5EE
Ombre
- BC8A42
- A17537
- 86612C
- 6C4D22
- 533B18
- 3B290F
- 251807
- 110902
- 020100
Toni
- D09C55
- C7995C
- BE9662
- B59367
- AC906C
- A38D71
- 9B8A75
- 928779
- 89837D
Armonie di colore
Complementare +180°
- D99F4D
Gold Foil
- 73AFF6
≈ French Sky Blue
Analogo -30° +30°
- D99F4D
Gold Foil
- EB916C
≈ La Terra
- B9AF4C
≈ Dill Green
Triadico +120° +240°
- D99F4D
Gold Foil
- 27C3C1
≈ Cala Benirrás Blue
- C694E1
≈ Bright Lavender
Complementare divisa +150° +210°
- D99F4D
Gold Foil
- 3FBBE3
≈ Lake Thun
- A2A1F5
≈ Cold Lips
Tetradico +90° +180° +270°
- D99F4D
Gold Foil
- 57C396
≈ Macau
- 73AFF6
≈ French Sky Blue
- E08CBF
≈ Tempting Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.01:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-foil: #d99f4d;
--gold-foil-rgb: 217 159 77;
--gold-foil-oklch: oklch(0.742 0.12 73.4);
}
.element {
color: var(--gold-foil);
background-color: hsl(35 65% 58%);
border-color: oklch(0.742 0.12 73.4);
}Tailwind CSS v4
@theme {
--color-gold-foil: #d99f4d;
--color-gold-foil-50: #fff1d0;
--color-gold-foil-100: #ffe3bc;
--color-gold-foil-200: #f3ce9b;
--color-gold-foil-300: #dbaf6f;
--color-gold-foil-400: #c99346;
--color-gold-foil-500: #b57700;
--color-gold-foil-600: #996509;
--color-gold-foil-700: #7b5109;
--color-gold-foil-800: #5c3a05;
--color-gold-foil-900: #402804;
--color-gold-foil-950: #291600;
}SCSS
$gold-foil: #d99f4d;
$gold-foil-rgb: 217, 159, 77;
$gold-foil-light: mix(#fff, $gold-foil, 20%);
$gold-foil-dark: mix(#000, $gold-foil, 20%);
.element {
color: $gold-foil;
box-shadow: 0 0 0 2px rgba($gold-foil, 0.35);
}