色名 · #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);
}