이름 색상 · #987456
Liver Chestnut
Liver Chestnut은(는) #987456: rgb(152 116 86), hsl(27 28% 47%), oklch(0.587 0.063 61). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Liver Chestnut color name →
#987456
oklch(0.587 0.063 61)
색상 변환
- HEX
- #987456
- RGB
- rgb(152 116 86)
- HSL
- hsl(27 28% 47%)
- HWB
- hwb(27 34% 40%)
- OKLCH
- oklch(0.587 0.063 61)
- OKLab
- oklab(0.587 0.03 0.055)
- CIE Lab
- lab(51.92 11.61 22.33)
- LCH
- lch(51.92 25.17 62.5)
- CMYK
- cmyk(0% 24% 43% 40%)
틴트 · 셰이드 · 톤
틴트
- A28166
- AC8F76
- B79C87
- C1AA97
- CBB8A8
- D5C6B9
- E0D4CA
- EAE2DC
- F5F0ED
셰이드
- 84644A
- 70543E
- 5C4532
- 4A3727
- 38291C
- 271B12
- 170F08
- 080502
- 010100
톤
- 96755B
- 94775F
- 917863
- 8F7968
- 8D7A6C
- 8A7C70
- 887D74
- 857E78
- 837F7C
색 조화
보색 +180°
- 987456
Liver Chestnut
- 5A819E
≈ Blue Beads
유사색 -30° +30°
- 987456
Liver Chestnut
- 9E6F66
≈ Terra Rose
- 8A7B51
≈ Stonetalon Mountains
삼각 배색 +120° +240°
- 987456
Liver Chestnut
- 50897E
≈ Wintergreen Dream
- 82749C
≈ Voxatron Purple
분열 보색 +150° +210°
- 987456
Liver Chestnut
- 4D8791
≈ Flounce
- 6E7BA2
≈ Night Thistle
사각 배색 +90° +180° +270°
- 987456
Liver Chestnut
- 618769
≈ Comfrey
- 5A819E
≈ Blue Beads
- 926F8E
≈ Wine Stroll
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.22:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.96:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--liver-chestnut: #987456;
--liver-chestnut-rgb: 152 116 86;
--liver-chestnut-oklch: oklch(0.587 0.063 61);
}
.element {
color: var(--liver-chestnut);
background-color: hsl(27 28% 47%);
border-color: oklch(0.587 0.063 61);
}Tailwind CSS v4
@theme {
--color-liver-chestnut: #987456;
--color-liver-chestnut-50: #fff2e3;
--color-liver-chestnut-100: #f8e4d3;
--color-liver-chestnut-200: #e8cfb9;
--color-liver-chestnut-300: #cfb197;
--color-liver-chestnut-400: #ba9679;
--color-liver-chestnut-500: #a57d5b;
--color-liver-chestnut-600: #8b6a4e;
--color-liver-chestnut-700: #70543e;
--color-liver-chestnut-800: #533d2c;
--color-liver-chestnut-900: #3a2a1e;
--color-liver-chestnut-950: #24180e;
}SCSS
$liver-chestnut: #987456;
$liver-chestnut-rgb: 152, 116, 86;
$liver-chestnut-light: mix(#fff, $liver-chestnut, 20%);
$liver-chestnut-dark: mix(#000, $liver-chestnut, 20%);
.element {
color: $liver-chestnut;
box-shadow: 0 0 0 2px rgba($liver-chestnut, 0.35);
}