이름 색상 · #F47869
Melon Refresher
Melon Refresher은(는) #F47869: rgb(244 120 105), hsl(6 86% 68%), oklch(0.713 0.155 28.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Melon Refresher color name →
#F47869
oklch(0.713 0.155 28.6)
색상 변환
- HEX
- #f47869
- RGB
- rgb(244 120 105)
- HSL
- hsl(6 86% 68%)
- HWB
- hwb(6 41% 4%)
- OKLCH
- oklch(0.713 0.155 28.6)
- OKLab
- oklab(0.713 0.136 0.074)
- CIE Lab
- lab(65.32 47.68 31.71)
- LCH
- lch(65.32 57.26 33.6)
- CMYK
- cmyk(0% 51% 57% 4%)
틴트 · 셰이드 · 톤
틴트
- F78778
- FA9587
- FCA296
- FEB0A4
- FFBDB3
- FFCBC2
- FFD8D1
- FFE5E0
- FFF2F0
셰이드
- D4675A
- B5574C
- 97483E
- 7A3931
- 5E2A24
- 441D18
- 2B100C
- 140504
- 030100
톤
- E97A6C
- DE7C6F
- D37D71
- C77E74
- BC7F76
- B18078
- A5807A
- 99807C
- 8D807E
색 조화
보색 +180°
- F47869
Melon Refresher
- 00B7CB
≈ Utopia Beckons
유사색 -30° +30°
- F47869
Melon Refresher
- ED75A1
≈ Pink Carnation
- E88729
≈ Carnival
삼각 배색 +120° +240°
- F47869
Melon Refresher
- 51BC69
≈ Forest Maid
- 7C9DFF
≈ Periwinkle Blue
분열 보색 +150° +210°
- F47869
Melon Refresher
- 00BDA3
≈ First Post
- 18AEF8
≈ Democrat
사각 배색 +90° +180° +270°
- F47869
Melon Refresher
- 99AF26
≈ Elysia Chlorotica
- 00B7CB
≈ Utopia Beckons
- B08AF5
≈ Lilac Geode
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.71:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.73:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.73:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--melon-refresher: #f47869;
--melon-refresher-rgb: 244 120 105;
--melon-refresher-oklch: oklch(0.713 0.155 28.6);
}
.element {
color: var(--melon-refresher);
background-color: hsl(6 86% 68%);
border-color: oklch(0.713 0.155 28.6);
}Tailwind CSS v4
@theme {
--color-melon-refresher: #f47869;
--color-melon-refresher-50: #ffe6db;
--color-melon-refresher-100: #ffd5c9;
--color-melon-refresher-200: #ffbcac;
--color-melon-refresher-300: #fd9887;
--color-melon-refresher-400: #ec7768;
--color-melon-refresher-500: #da5447;
--color-melon-refresher-600: #b8483d;
--color-melon-refresher-700: #943930;
--color-melon-refresher-800: #6e2824;
--color-melon-refresher-900: #4e1b18;
--color-melon-refresher-950: #330b09;
}SCSS
$melon-refresher: #f47869;
$melon-refresher-rgb: 244, 120, 105;
$melon-refresher-light: mix(#fff, $melon-refresher, 20%);
$melon-refresher-dark: mix(#000, $melon-refresher, 20%);
.element {
color: $melon-refresher;
box-shadow: 0 0 0 2px rgba($melon-refresher, 0.35);
}