이름 색상 · #9F9369
Chapter
Chapter은(는) #9F9369: rgb(159 147 105), hsl(47 22% 52%), oklch(0.663 0.06 94.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Chapter color name →
#9F9369
oklch(0.663 0.06 94.1)
색상 변환
- HEX
- #9f9369
- RGB
- rgb(159 147 105)
- HSL
- hsl(47 22% 52%)
- HWB
- hwb(47 41% 38%)
- OKLCH
- oklch(0.663 0.06 94.1)
- OKLab
- oklab(0.663 -0.004 0.06)
- CIE Lab
- lab(61.21 -0.22 23.99)
- LCH
- lch(61.21 23.99 90.5)
- CMYK
- cmyk(0% 8% 34% 38%)
틴트 · 셰이드 · 톤
틴트
- A89D78
- B1A886
- BBB295
- C4BDA4
- CEC8B2
- D8D3C2
- E1DED1
- EBE9E0
- F5F4EF
셰이드
- 8A7F5A
- 756C4C
- 61593E
- 4D4731
- 3B3624
- 292518
- 18160C
- 090804
- 010100
톤
- 9C916C
- 998F6E
- 968D71
- 928C73
- 8F8A76
- 8C8878
- 89867A
- 86847C
- 83827E
색 조화
보색 +180°
- 9F9369
Chapter
- 8791B8
≈ Soothsayer
유사색 -30° +30°
- 9F9369
Chapter
- AE8C6D
≈ River Road
- 8B9A71
≈ Sweet Florence
삼각 배색 +120° +240°
- 9F9369
Chapter
- 679DAA
≈ Left Bank Blue
- AA86A2
≈ Lavender Herb
분열 보색 +150° +210°
- 9F9369
Chapter
- 7498B6
≈ Splendid Blue
- 9B8AB1
≈ Flirty Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.06:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.85:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--chapter: #9f9369;
--chapter-rgb: 159 147 105;
--chapter-oklch: oklch(0.663 0.06 94.1);
}
.element {
color: var(--chapter);
background-color: hsl(47 22% 52%);
border-color: oklch(0.663 0.06 94.1);
}Tailwind CSS v4
@theme {
--color-chapter: #9f9369;
--color-chapter-50: #faf5e3;
--color-chapter-100: #ede8d2;
--color-chapter-200: #dbd5b8;
--color-chapter-300: #c0b895;
--color-chapter-400: #aa9e76;
--color-chapter-500: #938658;
--color-chapter-600: #7c714b;
--color-chapter-700: #645b3b;
--color-chapter-800: #4a422a;
--color-chapter-900: #332d1c;
--color-chapter-950: #1f1a0c;
}SCSS
$chapter: #9f9369;
$chapter-rgb: 159, 147, 105;
$chapter-light: mix(#fff, $chapter, 20%);
$chapter-dark: mix(#000, $chapter, 20%);
.element {
color: $chapter;
box-shadow: 0 0 0 2px rgba($chapter, 0.35);
}