Nazwany kolor · #E9E9D0
Magical Melon
Magical Melon to #E9E9D0: rgb(233 233 208), hsl(60 36% 86%), oklch(0.927 0.033 107). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Magical Melon color name →
#E9E9D0
oklch(0.927 0.033 107)
Konwersje koloru
- HEX
- #e9e9d0
- RGB
- rgb(233 233 208)
- HSL
- hsl(60 36% 86%)
- HWB
- hwb(60 82% 9%)
- OKLCH
- oklch(0.927 0.033 107)
- OKLab
- oklab(0.927 -0.01 0.032)
- CIE Lab
- lab(91.85 -3.14 12.21)
- LCH
- lch(91.85 12.61 104.4)
- CMYK
- cmyk(0% 0% 11% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBEBD5
- EDEDD9
- F0F0DE
- F2F2E3
- F4F4E7
- F6F6EC
- F8F8F1
- FBFBF6
- FDFDFA
Odcienie ciemniejsze
- CBCBB5
- ADAD9A
- 909080
- 747467
- 5A5A4F
- 414139
- 292923
- 131310
- 030302
Tony
- DEDEC8
- D3D3C0
- C8C8B7
- BEBEAF
- B3B3A7
- A9A99F
- 9E9E97
- 949490
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- E9E9D0
Magical Melon
- E5E4FD
≈ Lavender Mist
Analogowa -30° +30°
- E9E9D0
Magical Melon
- F4E5CF
≈ Celtic Linen
- DDEDD7
≈ Light Tactile
Triada +120° +240°
- E9E9D0
Magical Melon
- D1ECF8
≈ Blue Hijab
- F9DFEB
≈ Watermelon Mousse
Komplementarna rozszczepiona +150° +210°
- E9E9D0
Magical Melon
- D9E8FE
≈ Veiling Waterfalls
- F0E1F6
≈ Sheer Lavender
Tetrada +90° +180° +270°
- E9E9D0
Magical Melon
- CFEEEF
≈ Morning Calm
- E5E4FD
≈ Lavender Mist
- FDDFDF
≈ Dawn Patrol
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 17.03:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 17.03:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--magical-melon: #e9e9d0;
--magical-melon-rgb: 233 233 208;
--magical-melon-oklch: oklch(0.927 0.033 107);
}
.element {
color: var(--magical-melon);
background-color: hsl(60 36% 86%);
border-color: oklch(0.927 0.033 107);
}Tailwind CSS v4
@theme {
--color-magical-melon: #e9e9d0;
--color-magical-melon-50: #f6f6eb;
--color-magical-melon-100: #e8e9dd;
--color-magical-melon-200: #d5d6c6;
--color-magical-melon-300: #b8b9a6;
--color-magical-melon-400: #a0a08a;
--color-magical-melon-500: #88886f;
--color-magical-melon-600: #73735e;
--color-magical-melon-700: #5c5c4b;
--color-magical-melon-800: #444336;
--color-magical-melon-900: #2f2e25;
--color-magical-melon-950: #1b1b14;
}SCSS
$magical-melon: #e9e9d0;
$magical-melon-rgb: 233, 233, 208;
$magical-melon-light: mix(#fff, $magical-melon, 20%);
$magical-melon-dark: mix(#000, $magical-melon, 20%);
.element {
color: $magical-melon;
box-shadow: 0 0 0 2px rgba($magical-melon, 0.35);
}