이름 색상 · #69684B
Hemlock
Hemlock은(는) #69684B: rgb(105 104 75), hsl(58 17% 35%), oklch(0.51 0.043 106.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Hemlock color name →
#69684B
oklch(0.51 0.043 106.2)
색상 변환
- HEX
- #69684b
- RGB
- rgb(105 104 75)
- HSL
- hsl(58 17% 35%)
- HWB
- hwb(58 29% 59%)
- OKLCH
- oklch(0.51 0.043 106.2)
- OKLab
- oklab(0.51 -0.012 0.042)
- CIE Lab
- lab(43.5 -3.42 16.56)
- LCH
- lch(43.5 16.91 101.7)
- CMYK
- cmyk(0% 1% 29% 59%)
틴트 · 셰이드 · 톤
틴트
- 77765C
- 85846C
- 93937E
- A2A28F
- B1B1A1
- C0C0B3
- CFCFC6
- DFDFD9
- EFEFEC
셰이드
- 5A5940
- 4C4B35
- 3E3E2B
- 313021
- 242417
- 18180E
- 0C0C06
- 040402
- 000000
톤
- 6B6A50
- 6D6D56
- 706F5B
- 727260
- 747466
- 77766B
- 797970
- 7B7B75
- 7E7E7B
색 조화
보색 +180°
- 69684B
Hemlock
- 64637E
≈ Purple Daze
유사색 -30° +30°
- 69684B
Hemlock
- 75634A
≈ Heavy Brown
- 5B6C53
≈ Inland
삼각 배색 +120° +240°
- 69684B
Hemlock
- 4B6C79
≈ Bismarck
- 795C6B
≈ Banished Brown
분열 보색 +150° +210°
- 69684B
Hemlock
- 56677F
≈ Dana
- 705F77
≈ Banished Brown
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.70:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.68:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--hemlock: #69684b;
--hemlock-rgb: 105 104 75;
--hemlock-oklch: oklch(0.51 0.043 106.2);
}
.element {
color: var(--hemlock);
background-color: hsl(58 17% 35%);
border-color: oklch(0.51 0.043 106.2);
}Tailwind CSS v4
@theme {
--color-hemlock: #69684b;
--color-hemlock-50: #f6f6e8;
--color-hemlock-100: #e9e9d9;
--color-hemlock-200: #d5d6c1;
--color-hemlock-300: #b9b9a0;
--color-hemlock-400: #a1a083;
--color-hemlock-500: #898867;
--color-hemlock-600: #747358;
--color-hemlock-700: #5d5c46;
--color-hemlock-800: #454332;
--color-hemlock-900: #2f2e22;
--color-hemlock-950: #1c1b11;
}SCSS
$hemlock: #69684b;
$hemlock-rgb: 105, 104, 75;
$hemlock-light: mix(#fff, $hemlock, 20%);
$hemlock-dark: mix(#000, $hemlock, 20%);
.element {
color: $hemlock;
box-shadow: 0 0 0 2px rgba($hemlock, 0.35);
}