Colore con nome · #FFDD77
Glossy Gold
Glossy Gold è #FFDD77: rgb(255 221 119), hsl(45 100% 73%), oklch(0.906 0.127 91.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Glossy Gold color name →
#FFDD77
oklch(0.906 0.127 91.3)
Conversioni di colore
- HEX
- #ffdd77
- RGB
- rgb(255 221 119)
- HSL
- hsl(45 100% 73%)
- HWB
- hwb(45 47% 0%)
- OKLCH
- oklch(0.906 0.127 91.3)
- OKLab
- oklab(0.906 -0.003 0.127)
- CIE Lab
- lab(89.49 3.27 53.96)
- LCH
- lch(89.49 54.06 86.5)
- CMYK
- cmyk(0% 13% 53% 0%)
Tinte · Ombre · Toni
Tinte
- FFE187
- FFE496
- FFE8A4
- FFEBB2
- FFEFBF
- FFF2CC
- FFF5D9
- FFF9E6
- FFFCF3
Ombre
- DEC067
- BEA457
- 9E8847
- 806E38
- 63552A
- 483D1C
- 2E2610
- 161105
- 030201
Toni
- F2D37A
- E4CA7C
- D7C17E
- CAB780
- BEAE81
- B1A581
- A49B81
- 989281
- 8C8981
Armonie di colore
Complementare +180°
- FFDD77
Glossy Gold
- D5DFFF
≈ Transparent Blue
Analogo -30° +30°
- FFDD77
Glossy Gold
- FFD7B7
≈ Curtsy
- D3ED8B
≈ Laced Green
Triadico +120° +240°
- FFDD77
Glossy Gold
- 9EEFFF
≈ Alpine Expedition
- FFCEF8
≈ Pink Diamond
Complementare divisa +150° +210°
- FFDD77
Glossy Gold
- C3E5FF
≈ Fresh Water
- E6D8FF
≈ Transparent Blue
Tetradico +90° +180° +270°
- FFDD77
Glossy Gold
- 6EFCE5
≈ Icy Life
- D5DFFF
≈ Transparent Blue
- FFD2DD
≈ Light Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.86:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--glossy-gold: #ffdd77;
--glossy-gold-rgb: 255 221 119;
--glossy-gold-oklch: oklch(0.906 0.127 91.3);
}
.element {
color: var(--glossy-gold);
background-color: hsl(45 100% 73%);
border-color: oklch(0.906 0.127 91.3);
}Tailwind CSS v4
@theme {
--color-glossy-gold: #ffdd77;
--color-glossy-gold-50: #fff5cd;
--color-glossy-gold-100: #f6e8b8;
--color-glossy-gold-200: #e6d495;
--color-glossy-gold-300: #cdb668;
--color-glossy-gold-400: #ba9b38;
--color-glossy-gold-500: #a58100;
--color-glossy-gold-600: #8c6e00;
--color-glossy-gold-700: #705800;
--color-glossy-gold-800: #543f00;
--color-glossy-gold-900: #3a2c00;
--color-glossy-gold-950: #251900;
}SCSS
$glossy-gold: #ffdd77;
$glossy-gold-rgb: 255, 221, 119;
$glossy-gold-light: mix(#fff, $glossy-gold, 20%);
$glossy-gold-dark: mix(#000, $glossy-gold, 20%);
.element {
color: $glossy-gold;
box-shadow: 0 0 0 2px rgba($glossy-gold, 0.35);
}