Màu có tên · #FFDD77
Glossy Gold
Glossy Gold là #FFDD77: rgb(255 221 119), hsl(45 100% 73%), oklch(0.906 0.127 91.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Glossy Gold color name →
#FFDD77
oklch(0.906 0.127 91.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFE187
- FFE496
- FFE8A4
- FFEBB2
- FFEFBF
- FFF2CC
- FFF5D9
- FFF9E6
- FFFCF3
Sắc đậm
- DEC067
- BEA457
- 9E8847
- 806E38
- 63552A
- 483D1C
- 2E2610
- 161105
- 030201
Sắc xám
- F2D37A
- E4CA7C
- D7C17E
- CAB780
- BEAE81
- B1A581
- A49B81
- 989281
- 8C8981
Hòa sắc
Bổ túc +180°
- FFDD77
Glossy Gold
- D5DFFF
≈ Transparent Blue
Tương đồng -30° +30°
- FFDD77
Glossy Gold
- FFD7B7
≈ Curtsy
- D3ED8B
≈ Laced Green
Bộ ba +120° +240°
- FFDD77
Glossy Gold
- 9EEFFF
≈ Alpine Expedition
- FFCEF8
≈ Pink Diamond
Bổ túc chia +150° +210°
- FFDD77
Glossy Gold
- C3E5FF
≈ Fresh Water
- E6D8FF
≈ Transparent Blue
Bộ bốn +90° +180° +270°
- FFDD77
Glossy Gold
- 6EFCE5
≈ Icy Life
- D5DFFF
≈ Transparent Blue
- FFD2DD
≈ Light Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.32:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.86:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}