이름 색상 · #E8C47A
Golden Thread
Golden Thread은(는) #E8C47A: rgb(232 196 122), hsl(40 71% 69%), oklch(0.835 0.101 84.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Thread color name →
#E8C47A
oklch(0.835 0.101 84.4)
색상 변환
- HEX
- #e8c47a
- RGB
- rgb(232 196 122)
- HSL
- hsl(40 71% 69%)
- HWB
- hwb(40 48% 9%)
- OKLCH
- oklch(0.835 0.101 84.4)
- OKLab
- oklab(0.835 0.01 0.101)
- CIE Lab
- lab(81.13 6.37 41.98)
- LCH
- lch(81.13 42.46 81.4)
- CMYK
- cmyk(0% 16% 47% 9%)
틴트 · 셰이드 · 톤
틴트
- EACA88
- EDD096
- EFD6A4
- F1DCB1
- F4E2BE
- F6E8CB
- F8EED8
- FBF3E5
- FDF9F2
셰이드
- CAAA69
- AC9159
- 907849
- 74613A
- 594A2B
- 40351D
- 292110
- 130E05
- 030201
톤
- DDBD7C
- D2B67D
- C8AF7E
- BDA97F
- B3A280
- A89B80
- 9E9481
- 948E81
- 8A8780
색 조화
보색 +180°
- E8C47A
Golden Thread
- AFC9FF
≈ Night Snow
유사색 -30° +30°
- E8C47A
Golden Thread
- FDB789
≈ Beach Sand
- C7D183
≈ Zucchini Noodles
삼각 배색 +120° +240°
- E8C47A
Golden Thread
- 6FDCE8
≈ Turquoise Sea
- EBB3EE
≈ Candy Dreams
분열 보색 +150° +210°
- E8C47A
Golden Thread
- 87D4FF
≈ Kul Sharif Blue
- CCBEFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- E8C47A
Golden Thread
- 7CDFC4
≈ Star Grass
- AFC9FF
≈ Night Snow
- FEAECD
≈ Heartfelt
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.60:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--golden-thread: #e8c47a;
--golden-thread-rgb: 232 196 122;
--golden-thread-oklch: oklch(0.835 0.101 84.4);
}
.element {
color: var(--golden-thread);
background-color: hsl(40 71% 69%);
border-color: oklch(0.835 0.101 84.4);
}Tailwind CSS v4
@theme {
--color-golden-thread: #e8c47a;
--color-golden-thread-50: #fff4d5;
--color-golden-thread-100: #f7e6c2;
--color-golden-thread-200: #e7d2a3;
--color-golden-thread-300: #ceb47b;
--color-golden-thread-400: #ba9a54;
--color-golden-thread-500: #a58028;
--color-golden-thread-600: #8c6c25;
--color-golden-thread-700: #70571d;
--color-golden-thread-800: #543f13;
--color-golden-thread-900: #3a2b0c;
--color-golden-thread-950: #241801;
}SCSS
$golden-thread: #e8c47a;
$golden-thread-rgb: 232, 196, 122;
$golden-thread-light: mix(#fff, $golden-thread, 20%);
$golden-thread-dark: mix(#000, $golden-thread, 20%);
.element {
color: $golden-thread;
box-shadow: 0 0 0 2px rgba($golden-thread, 0.35);
}