Màu có tên · #FDCC37
Golden Marguerite
Golden Marguerite là #FDCC37: rgb(253 204 55), hsl(45 98% 60%), oklch(0.865 0.162 89.2). 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? → · Golden Marguerite color name →
#FDCC37
oklch(0.865 0.162 89.2)
Chuyển đổi màu
- HEX
- #fdcc37
- RGB
- rgb(253 204 55)
- HSL
- hsl(45 98% 60%)
- HWB
- hwb(45 22% 1%)
- OKLCH
- oklch(0.865 0.162 89.2)
- OKLab
- oklab(0.865 0.002 0.162)
- CIE Lab
- lab(84.68 8.1 74.74)
- LCH
- lch(84.68 75.18 83.8)
- CMYK
- cmyk(0% 19% 78% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FDD257
- FED76F
- FEDC84
- FEE298
- FEE7AA
- FFECBC
- FFF1CD
- FFF6DE
- FFFAEF
Sắc đậm
- DCB12E
- BC9726
- 9D7E1E
- 7F6516
- 624E0F
- 473708
- 2D2203
- 160F01
- 030200
Sắc xám
- F0C448
- E3BD54
- D6B55E
- C9AE65
- BDA66C
- B09F71
- A49776
- 988F7A
- 8C887D
Hòa sắc
Bổ túc +180°
- FDCC37
Golden Marguerite
- C1D1FF
≈ Lavender Blue
Tương đồng -30° +30°
- FDCC37
Golden Marguerite
- FFC598
≈ Orange Sherbet
- C7E15A
≈ Yuzukoshō
Bộ ba +120° +240°
- FDCC37
Golden Marguerite
- 57E9FF
≈ Shimmering Expanse Cyan
- FFB6F9
≈ Sweet Slumber Pink
Bổ túc chia +150° +210°
- FDCC37
Golden Marguerite
- A5DAFF
≈ Malmö FF
- D9C8FF
≈ Neon Boneyard
Bộ bốn +90° +180° +270°
- FDCC37
Golden Marguerite
- 00F4D5
≈ Frozen Boubble
- C1D1FF
≈ Lavender Blue
- FFBDD1
≈ Rosie
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.51:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.86:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--golden-marguerite: #fdcc37;
--golden-marguerite-rgb: 253 204 55;
--golden-marguerite-oklch: oklch(0.865 0.162 89.2);
}
.element {
color: var(--golden-marguerite);
background-color: hsl(45 98% 60%);
border-color: oklch(0.865 0.162 89.2);
}Tailwind CSS v4
@theme {
--color-golden-marguerite: #fdcc37;
--color-golden-marguerite-50: #fff4c1;
--color-golden-marguerite-100: #fce7aa;
--color-golden-marguerite-200: #eed281;
--color-golden-marguerite-300: #d6b449;
--color-golden-marguerite-400: #c59800;
--color-golden-marguerite-500: #b17d00;
--color-golden-marguerite-600: #956a00;
--color-golden-marguerite-700: #785500;
--color-golden-marguerite-800: #5a3d00;
--color-golden-marguerite-900: #3f2a00;
--color-golden-marguerite-950: #281700;
}SCSS
$golden-marguerite: #fdcc37;
$golden-marguerite-rgb: 253, 204, 55;
$golden-marguerite-light: mix(#fff, $golden-marguerite, 20%);
$golden-marguerite-dark: mix(#000, $golden-marguerite, 20%);
.element {
color: $golden-marguerite;
box-shadow: 0 0 0 2px rgba($golden-marguerite, 0.35);
}