이름 색상 · #834F44
Beauty Patch
Beauty Patch은(는) #834F44: rgb(131 79 68), hsl(10 32% 39%), oklch(0.485 0.073 32.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Beauty Patch color name →
#834F44
oklch(0.485 0.073 32.7)
색상 변환
- HEX
- #834f44
- RGB
- rgb(131 79 68)
- HSL
- hsl(10 32% 39%)
- HWB
- hwb(10 27% 49%)
- OKLCH
- oklch(0.485 0.073 32.7)
- OKLab
- oklab(0.485 0.061 0.039)
- CIE Lab
- lab(39.59 21.52 16.24)
- LCH
- lch(39.59 26.96 37)
- CMYK
- cmyk(0% 40% 48% 49%)
틴트 · 셰이드 · 톤
틴트
- 905F55
- 9C7066
- A98178
- B5928A
- C1A49D
- CEB5B0
- DAC7C3
- E6DAD7
- F3ECEB
셰이드
- 71443A
- 603830
- 4F2E26
- 3F231D
- 2F1914
- 20100C
- 120705
- 060202
- 010000
톤
- 83544A
- 835950
- 845E56
- 83635C
- 836862
- 836D68
- 82726E
- 827674
- 817B7A
색 조화
보색 +180°
- 834F44
Beauty Patch
- 206A77
≈ Persian Mosaic
유사색 -30° +30°
- 834F44
Beauty Patch
- 814D5B
≈ Artful Magenta
- 7C5531
≈ Arable Brown
삼각 배색 +120° +240°
- 834F44
Beauty Patch
- 3D6B4B
≈ Jungle Book Green
- 515C88
≈ Marlin
분열 보색 +150° +210°
- 834F44
Beauty Patch
- 236C62
≈ Antique Green
- 376485
≈ Carbide
사각 배색 +90° +180° +270°
- 834F44
Beauty Patch
- 576635
≈ Interior Green
- 206A77
≈ Persian Mosaic
- 675581
≈ Vigorous Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 6.63:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.16:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--beauty-patch: #834f44;
--beauty-patch-rgb: 131 79 68;
--beauty-patch-oklch: oklch(0.485 0.073 32.7);
}
.element {
color: var(--beauty-patch);
background-color: hsl(10 32% 39%);
border-color: oklch(0.485 0.073 32.7);
}Tailwind CSS v4
@theme {
--color-beauty-patch: #834f44;
--color-beauty-patch-50: #ffeee7;
--color-beauty-patch-100: #ffe0d8;
--color-beauty-patch-200: #f2cac0;
--color-beauty-patch-300: #daab9f;
--color-beauty-patch-400: #c68f83;
--color-beauty-patch-500: #b17467;
--color-beauty-patch-600: #966358;
--color-beauty-patch-700: #784f46;
--color-beauty-patch-800: #593933;
--color-beauty-patch-900: #3e2723;
--color-beauty-patch-950: #271512;
}SCSS
$beauty-patch: #834f44;
$beauty-patch-rgb: 131, 79, 68;
$beauty-patch-light: mix(#fff, $beauty-patch, 20%);
$beauty-patch-dark: mix(#000, $beauty-patch, 20%);
.element {
color: $beauty-patch;
box-shadow: 0 0 0 2px rgba($beauty-patch, 0.35);
}