Nazwany kolor · #FFDD77
Glossy Gold
Glossy Gold to #FFDD77: rgb(255 221 119), hsl(45 100% 73%), oklch(0.906 0.127 91.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Glossy Gold color name →
#FFDD77
oklch(0.906 0.127 91.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE187
- FFE496
- FFE8A4
- FFEBB2
- FFEFBF
- FFF2CC
- FFF5D9
- FFF9E6
- FFFCF3
Odcienie ciemniejsze
- DEC067
- BEA457
- 9E8847
- 806E38
- 63552A
- 483D1C
- 2E2610
- 161105
- 030201
Tony
- F2D37A
- E4CA7C
- D7C17E
- CAB780
- BEAE81
- B1A581
- A49B81
- 989281
- 8C8981
Harmonie kolorów
Komplementarna +180°
- FFDD77
Glossy Gold
- D5DFFF
≈ Transparent Blue
Analogowa -30° +30°
- FFDD77
Glossy Gold
- FFD7B7
≈ Curtsy
- D3ED8B
≈ Laced Green
Triada +120° +240°
- FFDD77
Glossy Gold
- 9EEFFF
≈ Alpine Expedition
- FFCEF8
≈ Pink Diamond
Komplementarna rozszczepiona +150° +210°
- FFDD77
Glossy Gold
- C3E5FF
≈ Fresh Water
- E6D8FF
≈ Transparent Blue
Tetrada +90° +180° +270°
- FFDD77
Glossy Gold
- 6EFCE5
≈ Icy Life
- D5DFFF
≈ Transparent Blue
- FFD2DD
≈ Light Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.86:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}