Màu có tên · #FCF679
Straw Gold
Straw Gold là #FCF679: rgb(252 246 121), hsl(57 96% 73%), oklch(0.953 0.147 106.4). 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? → · Straw Gold color name →
#FCF679
oklch(0.953 0.147 106.4)
Chuyển đổi màu
- HEX
- #fcf679
- RGB
- rgb(252 246 121)
- HSL
- hsl(57 96% 73%)
- HWB
- hwb(57 47% 1%)
- OKLCH
- oklch(0.953 0.147 106.4)
- OKLab
- oklab(0.953 -0.041 0.141)
- CIE Lab
- lab(95.53 -9.6 59.86)
- LCH
- lch(95.53 60.63 99.1)
- CMYK
- cmyk(0% 2% 52% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FCF78A
- FCF899
- FCF9A7
- FDFAB5
- FDFBC2
- FDFCCF
- FEFDDB
- FEFEE7
- FFFEF3
Sắc đậm
- DBD668
- BBB758
- 9C9848
- 7E7B39
- 625F2B
- 47451D
- 2D2C10
- 161505
- 030301
Sắc xám
- EFEA7C
- E2DE7F
- D5D281
- C8C682
- BCBA83
- AFAE83
- A3A283
- 979782
- 8C8B81
Hòa sắc
Bổ túc +180°
- FCF679
Straw Gold
- EEEEFF
≈ Carte Blanche
Tương đồng -30° +30°
- FCF679
Straw Gold
- FFEDD3
≈ Crushed Cashew
- D3FFC0
≈ Greedy Green
Bộ ba +120° +240°
- FCF679
Straw Gold
- DCF4FF
≈ Wizard White
- FFE8F3
≈ Fairy Dust
Bổ túc chia +150° +210°
- FCF679
Straw Gold
- E6F1FF
≈ Cotton Boll
- F9E9FF
≈ Placebo Fuchsia
Bộ bốn +90° +180° +270°
- FCF679
Straw Gold
- B9FFFF
≈ The Big Freeze
- EEEEFF
≈ Carte Blanche
- FFEAEA
≈ Pink Lemonade
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.59:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.59:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--straw-gold: #fcf679;
--straw-gold-rgb: 252 246 121;
--straw-gold-oklch: oklch(0.953 0.147 106.4);
}
.element {
color: var(--straw-gold);
background-color: hsl(57 96% 73%);
border-color: oklch(0.953 0.147 106.4);
}Tailwind CSS v4
@theme {
--color-straw-gold: #fcf679;
--color-straw-gold-50: #f8f9c9;
--color-straw-gold-100: #ececb4;
--color-straw-gold-200: #d9da8f;
--color-straw-gold-300: #bebd5f;
--color-straw-gold-400: #aaa323;
--color-straw-gold-500: #948a00;
--color-straw-gold-600: #7d7500;
--color-straw-gold-700: #645e00;
--color-straw-gold-800: #4b4400;
--color-straw-gold-900: #342f00;
--color-straw-gold-950: #201b00;
}SCSS
$straw-gold: #fcf679;
$straw-gold-rgb: 252, 246, 121;
$straw-gold-light: mix(#fff, $straw-gold, 20%);
$straw-gold-dark: mix(#000, $straw-gold, 20%);
.element {
color: $straw-gold;
box-shadow: 0 0 0 2px rgba($straw-gold, 0.35);
}