Adlandırılmış renk · #F1D548
Banana Drama
Banana Drama, #F1D548: rgb(241 213 72), hsl(50 86% 61%), oklch(0.872 0.157 97.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Banana Drama color name →
#F1D548
oklch(0.872 0.157 97.7)
Renk dönüşümleri
- HEX
- #f1d548
- RGB
- rgb(241 213 72)
- HSL
- hsl(50 86% 61%)
- HWB
- hwb(50 28% 5%)
- OKLCH
- oklch(0.872 0.157 97.7)
- OKLab
- oklab(0.872 -0.021 0.155)
- CIE Lab
- lab(85.84 -0.76 69.5)
- LCH
- lch(85.84 69.51 90.6)
- CMYK
- cmyk(0% 12% 70% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2DA62
- F4DE78
- F5E38B
- F6E79D
- F8EBAF
- F9EFBF
- FBF3D0
- FCF7E0
- FDFBEF
Koyu tonlar
- D2B93D
- B39E33
- 958329
- 796A1F
- 5D5116
- 433A0D
- 2B2406
- 141002
- 030200
Gri tonlar
- E5CC54
- D9C45D
- CEBB65
- C2B36B
- B7AA70
- ABA275
- A09978
- 95917B
- 8B897E
Renk uyumları
Tamamlayıcı +180°
- F1D548
Banana Drama
- CAD2FF
≈ Pale Phthalo Blue
Analog -30° +30°
- F1D548
Banana Drama
- FFCA91
≈ Tangerine Silk
- B8E871
≈ Pisco Sour
Üçlü +120° +240°
- F1D548
Banana Drama
- 87E5FF
≈ Tranquil Pool
- FFBDEB
≈ Pink Quartz
Bölünmüş tamamlayıcı +150° +210°
- F1D548
Banana Drama
- B3DAFF
≈ Droplet
- E3C7FF
≈ Foggy Heath
Dörtlü +90° +180° +270°
- F1D548
Banana Drama
- 00F4E7
≈ Bright Aqua
- CAD2FF
≈ Pale Phthalo Blue
- FFC2CC
≈ Cotton Candy Comet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.35:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--banana-drama: #f1d548;
--banana-drama-rgb: 241 213 72;
--banana-drama-oklch: oklch(0.872 0.157 97.7);
}
.element {
color: var(--banana-drama);
background-color: hsl(50 86% 61%);
border-color: oklch(0.872 0.157 97.7);
}Tailwind CSS v4
@theme {
--color-banana-drama: #f1d548;
--color-banana-drama-50: #fff7c4;
--color-banana-drama-100: #f4eaad;
--color-banana-drama-200: #e4d686;
--color-banana-drama-300: #cab951;
--color-banana-drama-400: #b89e00;
--color-banana-drama-500: #a38400;
--color-banana-drama-600: #8a7000;
--color-banana-drama-700: #6e5900;
--color-banana-drama-800: #534000;
--color-banana-drama-900: #3a2c00;
--color-banana-drama-950: #241900;
}SCSS
$banana-drama: #f1d548;
$banana-drama-rgb: 241, 213, 72;
$banana-drama-light: mix(#fff, $banana-drama, 20%);
$banana-drama-dark: mix(#000, $banana-drama, 20%);
.element {
color: $banana-drama;
box-shadow: 0 0 0 2px rgba($banana-drama, 0.35);
}