이름 색상 · #FDCC37
Golden Marguerite
Golden Marguerite은(는) #FDCC37: rgb(253 204 55), hsl(45 98% 60%), oklch(0.865 0.162 89.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Marguerite color name →
#FDCC37
oklch(0.865 0.162 89.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FDD257
- FED76F
- FEDC84
- FEE298
- FEE7AA
- FFECBC
- FFF1CD
- FFF6DE
- FFFAEF
셰이드
- DCB12E
- BC9726
- 9D7E1E
- 7F6516
- 624E0F
- 473708
- 2D2203
- 160F01
- 030200
톤
- F0C448
- E3BD54
- D6B55E
- C9AE65
- BDA66C
- B09F71
- A49776
- 988F7A
- 8C887D
색 조화
보색 +180°
- FDCC37
Golden Marguerite
- C1D1FF
≈ Lavender Blue
유사색 -30° +30°
- FDCC37
Golden Marguerite
- FFC598
≈ Orange Sherbet
- C7E15A
≈ Yuzukoshō
삼각 배색 +120° +240°
- FDCC37
Golden Marguerite
- 57E9FF
≈ Shimmering Expanse Cyan
- FFB6F9
≈ Sweet Slumber Pink
분열 보색 +150° +210°
- FDCC37
Golden Marguerite
- A5DAFF
≈ Malmö FF
- D9C8FF
≈ Neon Boneyard
사각 배색 +90° +180° +270°
- FDCC37
Golden Marguerite
- 00F4D5
≈ Frozen Boubble
- C1D1FF
≈ Lavender Blue
- FFBDD1
≈ Rosie
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.86:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}