이름 색상 · #4B373C
Jube
Jube은(는) #4B373C: rgb(75 55 60), hsl(345 15% 25%), oklch(0.361 0.03 2.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Jube color name →
#4B373C
oklch(0.361 0.03 2.1)
색상 변환
- HEX
- #4b373c
- RGB
- rgb(75 55 60)
- HSL
- hsl(345 15% 25%)
- HWB
- hwb(345 22% 71%)
- OKLCH
- oklch(0.361 0.03 2.1)
- OKLab
- oklab(0.361 0.03 0.001)
- CIE Lab
- lab(25.5 9.86 0.52)
- LCH
- lch(25.5 9.88 3)
- CMYK
- cmyk(0% 27% 20% 71%)
틴트 · 셰이드 · 톤
틴트
- 5B494D
- 6C5B5F
- 7D6E71
- 8F8184
- A19598
- B3A9AB
- C6BEC0
- D8D3D4
- ECE9EA
셰이드
- 402E33
- 35262A
- 2B1E21
- 211619
- 170F11
- 0E080A
- 060304
- 020101
- 000000
톤
- 503E42
- 564549
- 5B4C4F
- 605356
- 655A5D
- 6B6264
- 70696B
- 757172
- 7B7879
색 조화
보색 +180°
- 4B373C
Jube
- 2C433E
≈ Westhaven
유사색 -30° +30°
- 4B373C
Jube
- 473844
≈ Vincotto
- 4C3834
≈ Brown Beauty
삼각 배색 +120° +240°
- 4B373C
Jube
- 3B402F
≈ Kombu Green
- 303F4C
≈ Deepsea Core
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.98:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.91:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 10.98:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--jube: #4b373c;
--jube-rgb: 75 55 60;
--jube-oklch: oklch(0.361 0.03 2.1);
}
.element {
color: var(--jube);
background-color: hsl(345 15% 25%);
border-color: oklch(0.361 0.03 2.1);
}Tailwind CSS v4
@theme {
--color-jube: #4b373c;
--color-jube-50: #fdf2f4;
--color-jube-100: #f1e4e7;
--color-jube-200: #e0cfd3;
--color-jube-300: #c5b1b5;
--color-jube-400: #ae989d;
--color-jube-500: #987e84;
--color-jube-600: #806b70;
--color-jube-700: #67565a;
--color-jube-800: #4b3e42;
--color-jube-900: #342b2d;
--color-jube-950: #20181a;
}SCSS
$jube: #4b373c;
$jube-rgb: 75, 55, 60;
$jube-light: mix(#fff, $jube, 20%);
$jube-dark: mix(#000, $jube, 20%);
.element {
color: $jube;
box-shadow: 0 0 0 2px rgba($jube, 0.35);
}