Color con nombre · #FDF200
Marsupilami
Marsupilami es #FDF200: rgb(253 242 0), hsl(57 100% 50%), oklch(0.939 0.201 106.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Marsupilami color name →
#FDF200
oklch(0.939 0.201 106.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FDF449
- FDF668
- FDF781
- FDF996
- FDFAAA
- FDFBBC
- FEFDCE
- FEFDDF
- FEFEEF
Sombras
- DCD200
- BCB400
- 9D9600
- 7F7900
- 625E00
- 474300
- 2D2B00
- 161400
- 030300
Tonos
- F0E635
- E2DB4A
- D5CF58
- C9C462
- BCB86A
- AFAD71
- A3A276
- 97977A
- 8B8B7E
Armonías de color
Complementario +180°
- FDF200
Marsupilami
- E9E9FF
≈ Glitter
Análogo -30° +30°
- FDF200
Marsupilami
- FFE7C6
≈ Semolina Pudding
- C4FFA9
≈ Sour Green Cherry
Triádico +120° +240°
- FDF200
Marsupilami
- D1F1FF
≈ Blue Hijab
- FFE1F0
≈ Pale Blossom
Complementario dividido +150° +210°
- FDF200
Marsupilami
- DFECFF
≈ Calcareous Sinter
- F7E3FF
≈ Soft Lavender
Tetrádico +90° +180° +270°
- FDF200
Marsupilami
- A0FEFF
≈ Glitchy Shader Blue
- E9E9FF
≈ Glitter
- FFE3E4
≈ Misty Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.87:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
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);
}