이름 색상 · #E9E9D0
Magical Melon
Magical Melon은(는) #E9E9D0: rgb(233 233 208), hsl(60 36% 86%), oklch(0.927 0.033 107). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Magical Melon color name →
#E9E9D0
oklch(0.927 0.033 107)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EBEBD5
- EDEDD9
- F0F0DE
- F2F2E3
- F4F4E7
- F6F6EC
- F8F8F1
- FBFBF6
- FDFDFA
셰이드
- CBCBB5
- ADAD9A
- 909080
- 747467
- 5A5A4F
- 414139
- 292923
- 131310
- 030302
톤
- DEDEC8
- D3D3C0
- C8C8B7
- BEBEAF
- B3B3A7
- A9A99F
- 9E9E97
- 949490
- 8A8A88
색 조화
보색 +180°
- E9E9D0
Magical Melon
- E5E4FD
≈ Lavender Mist
유사색 -30° +30°
- E9E9D0
Magical Melon
- F4E5CF
≈ Celtic Linen
- DDEDD7
≈ Light Tactile
삼각 배색 +120° +240°
- E9E9D0
Magical Melon
- D1ECF8
≈ Blue Hijab
- F9DFEB
≈ Watermelon Mousse
분열 보색 +150° +210°
- E9E9D0
Magical Melon
- D9E8FE
≈ Veiling Waterfalls
- F0E1F6
≈ Sheer Lavender
사각 배색 +90° +180° +270°
- E9E9D0
Magical Melon
- CFEEEF
≈ Morning Calm
- E5E4FD
≈ Lavender Mist
- FDDFDF
≈ Dawn Patrol
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 17.03:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 17.03:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}