Nazwany kolor · #FDF200
Marsupilami
Marsupilami to #FDF200: rgb(253 242 0), hsl(57 100% 50%), oklch(0.939 0.201 106.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Marsupilami color name →
#FDF200
oklch(0.939 0.201 106.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FDF449
- FDF668
- FDF781
- FDF996
- FDFAAA
- FDFBBC
- FEFDCE
- FEFDDF
- FEFEEF
Odcienie ciemniejsze
- DCD200
- BCB400
- 9D9600
- 7F7900
- 625E00
- 474300
- 2D2B00
- 161400
- 030300
Tony
- F0E635
- E2DB4A
- D5CF58
- C9C462
- BCB86A
- AFAD71
- A3A276
- 97977A
- 8B8B7E
Harmonie kolorów
Komplementarna +180°
- FDF200
Marsupilami
- E9E9FF
≈ Glitter
Analogowa -30° +30°
- FDF200
Marsupilami
- FFE7C6
≈ Semolina Pudding
- C4FFA9
≈ Sour Green Cherry
Triada +120° +240°
- FDF200
Marsupilami
- D1F1FF
≈ Blue Hijab
- FFE1F0
≈ Pale Blossom
Komplementarna rozszczepiona +150° +210°
- FDF200
Marsupilami
- DFECFF
≈ Calcareous Sinter
- F7E3FF
≈ Soft Lavender
Tetrada +90° +180° +270°
- FDF200
Marsupilami
- A0FEFF
≈ Glitchy Shader Blue
- E9E9FF
≈ Glitter
- FFE3E4
≈ Misty Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.87:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
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);
}