이름 색상 · #C79D9B
Pepperberry
Pepperberry은(는) #C79D9B: rgb(199 157 155), hsl(3 28% 69%), oklch(0.734 0.05 21.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pepperberry color name →
#C79D9B
oklch(0.734 0.05 21.5)
색상 변환
- HEX
- #c79d9b
- RGB
- rgb(199 157 155)
- HSL
- hsl(3 28% 69%)
- HWB
- hwb(3 61% 22%)
- OKLCH
- oklch(0.734 0.05 21.5)
- OKLab
- oklab(0.734 0.047 0.018)
- CIE Lab
- lab(68.65 15.86 7.33)
- LCH
- lch(68.65 17.47 24.8)
- CMYK
- cmyk(0% 21% 22% 22%)
틴트 · 셰이드 · 톤
틴트
- CDA7A5
- D3B0AE
- D8BAB8
- DEC3C2
- E4CDCC
- E9D7D6
- EFE1E0
- F4EBEA
- FAF5F5
셰이드
- AD8886
- 937372
- 7A5F5E
- 624C4B
- 4C3A39
- 362828
- 211818
- 0E0909
- 020101
톤
- C09A98
- B99796
- B29493
- AB9190
- A38F8D
- 9C8C8B
- 958988
- 8E8685
- 878383
색 조화
보색 +180°
- C79D9B
Pepperberry
- 84B3B6
≈ Cold Front Green
유사색 -30° +30°
- C79D9B
Pepperberry
- C39CAC
≈ Fauna
- C4A18D
≈ Interface Tan
삼각 배색 +120° +240°
- C79D9B
Pepperberry
- 98B194
≈ Nurture Green
- 98AAC9
≈ Scorpion Grass Blue
분열 보색 +150° +210°
- C79D9B
Pepperberry
- 89B4A5
≈ Chrysopal Light Green
- 89AFC3
≈ Chilly Blue
사각 배색 +90° +180° +270°
- C79D9B
Pepperberry
- A9AD88
≈ Wall Green
- 84B3B6
≈ Cold Front Green
- A9A4C7
≈ Fife
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.72:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--pepperberry: #c79d9b;
--pepperberry-rgb: 199 157 155;
--pepperberry-oklch: oklch(0.734 0.05 21.5);
}
.element {
color: var(--pepperberry);
background-color: hsl(3 28% 69%);
border-color: oklch(0.734 0.05 21.5);
}Tailwind CSS v4
@theme {
--color-pepperberry: #c79d9b;
--color-pepperberry-50: #fff0ee;
--color-pepperberry-100: #f8e2e0;
--color-pepperberry-200: #e9ccca;
--color-pepperberry-300: #d0aeab;
--color-pepperberry-400: #bb9391;
--color-pepperberry-500: #a57977;
--color-pepperberry-600: #8c6765;
--color-pepperberry-700: #705251;
--color-pepperberry-800: #533c3b;
--color-pepperberry-900: #3a2929;
--color-pepperberry-950: #241717;
}SCSS
$pepperberry: #c79d9b;
$pepperberry-rgb: 199, 157, 155;
$pepperberry-light: mix(#fff, $pepperberry, 20%);
$pepperberry-dark: mix(#000, $pepperberry, 20%);
.element {
color: $pepperberry;
box-shadow: 0 0 0 2px rgba($pepperberry, 0.35);
}