Nazwany kolor · #F9C291
Melon Melody
Melon Melody to #F9C291: rgb(249 194 145), hsl(28 90% 77%), oklch(0.852 0.09 62.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Melon Melody color name →
#F9C291
oklch(0.852 0.09 62.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAC89C
- FBCEA8
- FCD5B3
- FCDBBE
- FDE1C9
- FEE7D3
- FEEDDE
- FEF3E9
- FFF9F4
Odcienie ciemniejsze
- D9A87D
- B98F6A
- 9A7758
- 7D6046
- 614935
- 463425
- 2C2015
- 150E07
- 030201
Tony
- ECBB90
- E0B58F
- D4AE8D
- C8A78C
- BBA18A
- AF9A88
- A39486
- 988D84
- 8C8782
Harmonie kolorów
Komplementarna +180°
- F9C291
Melon Melody
- A1D5FF
≈ Malmö FF
Analogowa -30° +30°
- F9C291
Melon Melody
- FFBCAD
≈ Egyptian Javelin
- E3CE8A
≈ Lemon Thyme
Triada +120° +240°
- F9C291
Melon Melody
- 88E2D4
≈ Sea Foam
- DAC1FF
≈ Neon Boneyard
Komplementarna rozszczepiona +150° +210°
- F9C291
Melon Melody
- 85DEF1
≈ Photon Barrier
- BECCFF
≈ Light Periwinkle
Tetrada +90° +180° +270°
- F9C291
Melon Melody
- A1E0B3
≈ Overtone
- A1D5FF
≈ Malmö FF
- F3B9E8
≈ Lovecloud
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.15:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}