Adlandırılmış renk · #F9C291
Melon Melody
Melon Melody, #F9C291: rgb(249 194 145), hsl(28 90% 77%), oklch(0.852 0.09 62.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Melon Melody color name →
#F9C291
oklch(0.852 0.09 62.9)
Renk dönüşümleri
- HEX
- #f9c291
- RGB
- rgb(249 194 145)
- HSL
- hsl(28 90% 77%)
- HWB
- hwb(28 57% 2%)
- OKLCH
- oklch(0.852 0.09 62.9)
- OKLab
- oklab(0.852 0.041 0.08)
- CIE Lab
- lab(82.63 15.82 32.61)
- LCH
- lch(82.63 36.25 64.1)
- CMYK
- cmyk(0% 22% 42% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FAC89C
- FBCEA8
- FCD5B3
- FCDBBE
- FDE1C9
- FEE7D3
- FEEDDE
- FEF3E9
- FFF9F4
Koyu tonlar
- D9A87D
- B98F6A
- 9A7758
- 7D6046
- 614935
- 463425
- 2C2015
- 150E07
- 030201
Gri tonlar
- ECBB90
- E0B58F
- D4AE8D
- C8A78C
- BBA18A
- AF9A88
- A39486
- 988D84
- 8C8782
Renk uyumları
Tamamlayıcı +180°
- F9C291
Melon Melody
- A1D5FF
≈ Malmö FF
Analog -30° +30°
- F9C291
Melon Melody
- FFBCAD
≈ Egyptian Javelin
- E3CE8A
≈ Lemon Thyme
Üçlü +120° +240°
- F9C291
Melon Melody
- 88E2D4
≈ Sea Foam
- DAC1FF
≈ Neon Boneyard
Bölünmüş tamamlayıcı +150° +210°
- F9C291
Melon Melody
- 85DEF1
≈ Photon Barrier
- BECCFF
≈ Light Periwinkle
Dörtlü +90° +180° +270°
- F9C291
Melon Melody
- A1E0B3
≈ Overtone
- A1D5FF
≈ Malmö FF
- F3B9E8
≈ Lovecloud
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.15:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--melon-melody: #f9c291;
--melon-melody-rgb: 249 194 145;
--melon-melody-oklch: oklch(0.852 0.09 62.9);
}
.element {
color: var(--melon-melody);
background-color: hsl(28 90% 77%);
border-color: oklch(0.852 0.09 62.9);
}Tailwind CSS v4
@theme {
--color-melon-melody: #f9c291;
--color-melon-melody-50: #fff1db;
--color-melon-melody-100: #fee2c9;
--color-melon-melody-200: #f0cdad;
--color-melon-melody-300: #d8ae87;
--color-melon-melody-400: #c59366;
--color-melon-melody-500: #b07843;
--color-melon-melody-600: #95663a;
--color-melon-melody-700: #77512e;
--color-melon-melody-800: #593b20;
--color-melon-melody-900: #3e2815;
--color-melon-melody-950: #271607;
}SCSS
$melon-melody: #f9c291;
$melon-melody-rgb: 249, 194, 145;
$melon-melody-light: mix(#fff, $melon-melody, 20%);
$melon-melody-dark: mix(#000, $melon-melody, 20%);
.element {
color: $melon-melody;
box-shadow: 0 0 0 2px rgba($melon-melody, 0.35);
}