이름 색상 · #C67464
Peach Macaron
Peach Macaron은(는) #C67464: rgb(198 116 100), hsl(10 46% 58%), oklch(0.645 0.107 31.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Peach Macaron color name →
#C67464
oklch(0.645 0.107 31.9)
색상 변환
- HEX
- #c67464
- RGB
- rgb(198 116 100)
- HSL
- hsl(10 46% 58%)
- HWB
- hwb(10 39% 22%)
- OKLCH
- oklch(0.645 0.107 31.9)
- OKLab
- oklab(0.645 0.091 0.056)
- CIE Lab
- lab(57.9 31.81 23.47)
- LCH
- lch(57.9 39.53 36.4)
- CMYK
- cmyk(0% 41% 49% 22%)
틴트 · 셰이드 · 톤
틴트
- CD8273
- D39082
- DA9D91
- E0ABA0
- E5B9B0
- EBC7BF
- F0D5CF
- F6E3DF
- FAF1EF
셰이드
- AC6456
- 925448
- 7A453B
- 62372E
- 4B2922
- 351B16
- 210F0B
- 0E0503
- 020100
톤
- BF7667
- B9776A
- B2796D
- AC7A70
- A57B73
- 9E7D76
- 977E78
- 8F7E7B
- 887F7D
색 조화
보색 +180°
- C67464
Peach Macaron
- 1D9EB3
≈ Lake Blue
유사색 -30° +30°
- C67464
Peach Macaron
- C37189
≈ Prehistoric Pink
- BC7E44
≈ Beeswax Candle
삼각 배색 +120° +240°
- C67464
Peach Macaron
- 57A06D
≈ Great Gazoo
- 7789CF
≈ True Lavender
분열 보색 +150° +210°
- C67464
Peach Macaron
- 26A392
≈ Fishy House
- 4C95C9
≈ Blue Paradise
사각 배색 +90° +180° +270°
- C67464
Peach Macaron
- 83984A
≈ Bamboo Grass Green
- 1D9EB3
≈ Lake Blue
- 9A7DC4
≈ Plum Burst
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.08:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--peach-macaron: #c67464;
--peach-macaron-rgb: 198 116 100;
--peach-macaron-oklch: oklch(0.645 0.107 31.9);
}
.element {
color: var(--peach-macaron);
background-color: hsl(10 46% 58%);
border-color: oklch(0.645 0.107 31.9);
}Tailwind CSS v4
@theme {
--color-peach-macaron: #c67464;
--color-peach-macaron-50: #ffebe1;
--color-peach-macaron-100: #ffdcd1;
--color-peach-macaron-200: #fec5b7;
--color-peach-macaron-300: #e9a493;
--color-peach-macaron-400: #d68676;
--color-peach-macaron-500: #c26958;
--color-peach-macaron-600: #a4594b;
--color-peach-macaron-700: #84473c;
--color-peach-macaron-800: #62332c;
--color-peach-macaron-900: #45231d;
--color-peach-macaron-950: #2c120e;
}SCSS
$peach-macaron: #c67464;
$peach-macaron-rgb: 198, 116, 100;
$peach-macaron-light: mix(#fff, $peach-macaron, 20%);
$peach-macaron-dark: mix(#000, $peach-macaron, 20%);
.element {
color: $peach-macaron;
box-shadow: 0 0 0 2px rgba($peach-macaron, 0.35);
}