Colore con nome · #F3DFA6
Gold Strand
Gold Strand è #F3DFA6: rgb(243 223 166), hsl(44 76% 80%), oklch(0.906 0.076 91). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gold Strand color name →
#F3DFA6
oklch(0.906 0.076 91)
Conversioni di colore
- HEX
- #f3dfa6
- RGB
- rgb(243 223 166)
- HSL
- hsl(44 76% 80%)
- HWB
- hwb(44 65% 5%)
- OKLCH
- oklch(0.906 0.076 91)
- OKLab
- oklab(0.906 -0.001 0.076)
- CIE Lab
- lab(89.46 1.02 30.65)
- LCH
- lch(89.46 30.67 88.1)
- CMYK
- cmyk(0% 8% 32% 5%)
Tinte · Ombre · Toni
Tinte
- F4E2AF
- F5E6B8
- F7E9C1
- F8ECCA
- F9EFD3
- FAF2DC
- FBF6E5
- FDF9EE
- FEFCF6
Ombre
- D3C290
- B4A57A
- 978A65
- 7A6F51
- 5E563E
- 443D2B
- 2B271A
- 14120A
- 030201
Toni
- E7D5A3
- DBCB9F
- CFC29B
- C3B898
- B8AF94
- ACA590
- A19C8C
- 969288
- 8B8984
Armonie di colore
Complementare +180°
- F3DFA6
Gold Strand
- D5DFFF
≈ Transparent Blue
Analogo -30° +30°
- F3DFA6
Gold Strand
- FFD8B8
≈ Thousand Needles Sand
- D8E9B0
≈ Lichen Gold
Triadico +120° +240°
- F3DFA6
Gold Strand
- A3EEFD
≈ Beyond the Clouds
- FFCEF8
≈ Pink Diamond
Complementare divisa +150° +210°
- F3DFA6
Gold Strand
- C3E5FF
≈ Fresh Water
- E6D9FF
≈ Transparent Blue
Tetradico +90° +180° +270°
- F3DFA6
Gold Strand
- A7F1E3
≈ Mint Tea
- D5DFFF
≈ Transparent Blue
- FFD2DE
≈ Light Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.91:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.91:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-strand: #f3dfa6;
--gold-strand-rgb: 243 223 166;
--gold-strand-oklch: oklch(0.906 0.076 91);
}
.element {
color: var(--gold-strand);
background-color: hsl(44 76% 80%);
border-color: oklch(0.906 0.076 91);
}Tailwind CSS v4
@theme {
--color-gold-strand: #f3dfa6;
--color-gold-strand-50: #fcf5dd;
--color-gold-strand-100: #f0e8cc;
--color-gold-strand-200: #dfd4b0;
--color-gold-strand-300: #c5b78b;
--color-gold-strand-400: #af9d69;
--color-gold-strand-500: #998448;
--color-gold-strand-600: #81703d;
--color-gold-strand-700: #685a31;
--color-gold-strand-800: #4d4122;
--color-gold-strand-900: #362d16;
--color-gold-strand-950: #211a08;
}SCSS
$gold-strand: #f3dfa6;
$gold-strand-rgb: 243, 223, 166;
$gold-strand-light: mix(#fff, $gold-strand, 20%);
$gold-strand-dark: mix(#000, $gold-strand, 20%);
.element {
color: $gold-strand;
box-shadow: 0 0 0 2px rgba($gold-strand, 0.35);
}