이름 색상 · #FDF200
Marsupilami
Marsupilami은(는) #FDF200: rgb(253 242 0), hsl(57 100% 50%), oklch(0.939 0.201 106.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Marsupilami color name →
#FDF200
oklch(0.939 0.201 106.3)
색상 변환
- HEX
- #fdf200
- RGB
- rgb(253 242 0)
- HSL
- hsl(57 100% 50%)
- HWB
- hwb(57 0% 1%)
- OKLCH
- oklch(0.939 0.201 106.3)
- OKLab
- oklab(0.939 -0.056 0.193)
- CIE Lab
- lab(94.1 -10.64 90.9)
- LCH
- lch(94.1 91.52 96.7)
- CMYK
- cmyk(0% 4% 100% 1%)
틴트 · 셰이드 · 톤
틴트
- FDF449
- FDF668
- FDF781
- FDF996
- FDFAAA
- FDFBBC
- FEFDCE
- FEFDDF
- FEFEEF
셰이드
- DCD200
- BCB400
- 9D9600
- 7F7900
- 625E00
- 474300
- 2D2B00
- 161400
- 030300
톤
- F0E635
- E2DB4A
- D5CF58
- C9C462
- BCB86A
- AFAD71
- A3A276
- 97977A
- 8B8B7E
색 조화
보색 +180°
- FDF200
Marsupilami
- E9E9FF
≈ Glitter
유사색 -30° +30°
- FDF200
Marsupilami
- FFE7C6
≈ Semolina Pudding
- C4FFA9
≈ Sour Green Cherry
삼각 배색 +120° +240°
- FDF200
Marsupilami
- D1F1FF
≈ Blue Hijab
- FFE1F0
≈ Pale Blossom
분열 보색 +150° +210°
- FDF200
Marsupilami
- DFECFF
≈ Calcareous Sinter
- F7E3FF
≈ Soft Lavender
사각 배색 +90° +180° +270°
- FDF200
Marsupilami
- A0FEFF
≈ Glitchy Shader Blue
- E9E9FF
≈ Glitter
- FFE3E4
≈ Misty Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.87:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--marsupilami: #fdf200;
--marsupilami-rgb: 253 242 0;
--marsupilami-oklch: oklch(0.939 0.201 106.3);
}
.element {
color: var(--marsupilami);
background-color: hsl(57 100% 50%);
border-color: oklch(0.939 0.201 106.3);
}Tailwind CSS v4
@theme {
--color-marsupilami: #fdf200;
--color-marsupilami-50: #fafab7;
--color-marsupilami-100: #edee9e;
--color-marsupilami-200: #dcdb70;
--color-marsupilami-300: #c1be22;
--color-marsupilami-400: #afa300;
--color-marsupilami-500: #9a8900;
--color-marsupilami-600: #827500;
--color-marsupilami-700: #685d00;
--color-marsupilami-800: #4f4300;
--color-marsupilami-900: #372f00;
--color-marsupilami-950: #221b00;
}SCSS
$marsupilami: #fdf200;
$marsupilami-rgb: 253, 242, 0;
$marsupilami-light: mix(#fff, $marsupilami, 20%);
$marsupilami-dark: mix(#000, $marsupilami, 20%);
.element {
color: $marsupilami;
box-shadow: 0 0 0 2px rgba($marsupilami, 0.35);
}