이름 색상 · #F2BD85
Melon Balls
Melon Balls은(는) #F2BD85: rgb(242 189 133), hsl(31 81% 74%), oklch(0.834 0.094 67.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Melon Balls color name →
#F2BD85
oklch(0.834 0.094 67.5)
색상 변환
- HEX
- #f2bd85
- RGB
- rgb(242 189 133)
- HSL
- hsl(31 81% 74%)
- HWB
- hwb(31 52% 5%)
- OKLCH
- oklch(0.834 0.094 67.5)
- OKLab
- oklab(0.834 0.036 0.087)
- CIE Lab
- lab(80.55 14.64 35.96)
- LCH
- lch(80.55 38.82 67.9)
- CMYK
- cmyk(0% 22% 45% 5%)
틴트 · 셰이드 · 톤
틴트
- F4C492
- F5CA9E
- F7D1AA
- F8D8B7
- F9DEC3
- FBE5CF
- FCEBDB
- FDF2E7
- FEF8F3
셰이드
- D2A473
- B48C61
- 967450
- 795D40
- 5E4730
- 433321
- 2B1F13
- 140D06
- 030201
톤
- E6B785
- DBB185
- CFAB85
- C3A585
- B89E84
- AD9884
- A19283
- 968C82
- 8B8681
색 조화
보색 +180°
- F2BD85
Melon Balls
- 9BCEFF
≈ Apocyan
유사색 -30° +30°
- F2BD85
Melon Balls
- FFB39C
≈ Persicus
- D9C980
≈ Spring Grass
삼각 배색 +120° +240°
- F2BD85
Melon Balls
- 7ADDD3
≈ Shimmering Blue
- D9B8F9
≈ Pink Illusion
분열 보색 +150° +210°
- F2BD85
Melon Balls
- 7CD8F1
≈ Medium Sky Blue
- BBC4FF
≈ Light Periwinkle
사각 배색 +90° +180° +270°
- F2BD85
Melon Balls
- 93DBB1
≈ Peaceful Pastures
- 9BCEFF
≈ Apocyan
- F1B1DE
≈ Hanami Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.39:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--melon-balls: #f2bd85;
--melon-balls-rgb: 242 189 133;
--melon-balls-oklch: oklch(0.834 0.094 67.5);
}
.element {
color: var(--melon-balls);
background-color: hsl(31 81% 74%);
border-color: oklch(0.834 0.094 67.5);
}Tailwind CSS v4
@theme {
--color-melon-balls: #f2bd85;
--color-melon-balls-50: #fff1d9;
--color-melon-balls-100: #fde3c7;
--color-melon-balls-200: #efcea9;
--color-melon-balls-300: #d7af83;
--color-melon-balls-400: #c49460;
--color-melon-balls-500: #b0793b;
--color-melon-balls-600: #946733;
--color-melon-balls-700: #775228;
--color-melon-balls-800: #593b1c;
--color-melon-balls-900: #3e2912;
--color-melon-balls-950: #271605;
}SCSS
$melon-balls: #f2bd85;
$melon-balls-rgb: 242, 189, 133;
$melon-balls-light: mix(#fff, $melon-balls, 20%);
$melon-balls-dark: mix(#000, $melon-balls, 20%);
.element {
color: $melon-balls;
box-shadow: 0 0 0 2px rgba($melon-balls, 0.35);
}