이름 색상 · #5B4C44
Sarsaparilla
Sarsaparilla은(는) #5B4C44: rgb(91 76 68), hsl(21 14% 31%), oklch(0.429 0.024 49.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sarsaparilla color name →
#5B4C44
oklch(0.429 0.024 49.7)
색상 변환
- HEX
- #5b4c44
- RGB
- rgb(91 76 68)
- HSL
- hsl(21 14% 31%)
- HWB
- hwb(21 27% 64%)
- OKLCH
- oklch(0.429 0.024 49.7)
- OKLab
- oklab(0.429 0.016 0.018)
- CIE Lab
- lab(33.69 5.46 7.24)
- LCH
- lch(33.69 9.07 53)
- CMYK
- cmyk(0% 16% 25% 64%)
틴트 · 셰이드 · 톤
틴트
- 6A5C55
- 796D66
- 897E78
- 998F8A
- AAA19C
- BAB3AF
- CBC6C3
- DCD8D6
- EDECEB
셰이드
- 4E413A
- 413630
- 352C26
- 29221D
- 1E1814
- 130F0C
- 090605
- 030202
- 000000
톤
- 5F514A
- 625650
- 665B55
- 6A605B
- 6D6661
- 716B67
- 75706D
- 797574
- 7C7B7A
색 조화
보색 +180°
- 5B4C44
Sarsaparilla
- 42525A
≈ Slate Wall
유사색 -30° +30°
- 5B4C44
Sarsaparilla
- 5C4B4A
≈ Piano Brown
- 574E41
≈ Afternoon Tea
삼각 배색 +120° +240°
- 5B4C44
Sarsaparilla
- 43544D
≈ Moss Cottage
- 4F4E5C
≈ Salvation
분열 보색 +150° +210°
- 5B4C44
Sarsaparilla
- 405455
≈ Finnegan
- 48505D
≈ Senate
사각 배색 +90° +180° +270°
- 5B4C44
Sarsaparilla
- 495346
≈ Rock Garden
- 42525A
≈ Slate Wall
- 564C58
≈ Mulled Wine
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.19:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.56:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--sarsaparilla: #5b4c44;
--sarsaparilla-rgb: 91 76 68;
--sarsaparilla-oklch: oklch(0.429 0.024 49.7);
}
.element {
color: var(--sarsaparilla);
background-color: hsl(21 14% 31%);
border-color: oklch(0.429 0.024 49.7);
}Tailwind CSS v4
@theme {
--color-sarsaparilla: #5b4c44;
--color-sarsaparilla-50: #fbf3ef;
--color-sarsaparilla-100: #efe6e1;
--color-sarsaparilla-200: #ddd2cb;
--color-sarsaparilla-300: #c2b4ac;
--color-sarsaparilla-400: #ab9b92;
--color-sarsaparilla-500: #948278;
--color-sarsaparilla-600: #7d6e66;
--color-sarsaparilla-700: #645851;
--color-sarsaparilla-800: #4a403b;
--color-sarsaparilla-900: #332c29;
--color-sarsaparilla-950: #1f1917;
}SCSS
$sarsaparilla: #5b4c44;
$sarsaparilla-rgb: 91, 76, 68;
$sarsaparilla-light: mix(#fff, $sarsaparilla, 20%);
$sarsaparilla-dark: mix(#000, $sarsaparilla, 20%);
.element {
color: $sarsaparilla;
box-shadow: 0 0 0 2px rgba($sarsaparilla, 0.35);
}