이름 색상 · #C19F6E
Empire Gold
Empire Gold은(는) #C19F6E: rgb(193 159 110), hsl(35 40% 59%), oklch(0.722 0.077 76.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Empire Gold color name →
#C19F6E
oklch(0.722 0.077 76.2)
색상 변환
- HEX
- #c19f6e
- RGB
- rgb(193 159 110)
- HSL
- hsl(35 40% 59%)
- HWB
- hwb(35 43% 24%)
- OKLCH
- oklch(0.722 0.077 76.2)
- OKLab
- oklab(0.722 0.018 0.074)
- CIE Lab
- lab(67.77 8.16 30.53)
- LCH
- lch(67.77 31.6 75)
- CMYK
- cmyk(0% 18% 43% 24%)
틴트 · 셰이드 · 톤
틴트
- C7A87D
- CDB28B
- D4BB99
- DAC5A8
- E0CEB6
- E6D8C4
- ECE2D3
- F3EBE2
- F9F5F0
셰이드
- A78A5F
- 8F7550
- 776141
- 5F4D33
- 493B26
- 342919
- 20180E
- 0E0904
- 020101
톤
- BA9C70
- B49973
- AD9675
- A79377
- A09079
- 9A8D7A
- 938A7C
- 8D867D
- 86837F
색 조화
보색 +180°
- C19F6E
Empire Gold
- 86A7D5
≈ Placid Blue
유사색 -30° +30°
- C19F6E
Empire Gold
- CE977C
≈ Tawny Amber
- ABA970
≈ Cardamom
삼각 배색 +120° +240°
- C19F6E
Empire Gold
- 67B4B5
≈ Dexter
- B897C6
≈ Atlantic Tulip
분열 보색 +150° +210°
- C19F6E
Empire Gold
- 6FAFCA
≈ Aspara
- A19ED4
≈ Wistful
사각 배색 +90° +180° +270°
- C19F6E
Empire Gold
- 75B59A
≈ Padua
- 86A7D5
≈ Placid Blue
- C992AF
≈ Bossy-Pants Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.48:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.45:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.45:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--empire-gold: #c19f6e;
--empire-gold-rgb: 193 159 110;
--empire-gold-oklch: oklch(0.722 0.077 76.2);
}
.element {
color: var(--empire-gold);
background-color: hsl(35 40% 59%);
border-color: oklch(0.722 0.077 76.2);
}Tailwind CSS v4
@theme {
--color-empire-gold: #c19f6e;
--color-empire-gold-50: #fff3dd;
--color-empire-gold-100: #f6e5cc;
--color-empire-gold-200: #e7d1b0;
--color-empire-gold-300: #cdb38b;
--color-empire-gold-400: #b9996b;
--color-empire-gold-500: #a37f49;
--color-empire-gold-600: #8a6c3f;
--color-empire-gold-700: #6f5632;
--color-empire-gold-800: #523e23;
--color-empire-gold-900: #392b17;
--color-empire-gold-950: #241808;
}SCSS
$empire-gold: #c19f6e;
$empire-gold-rgb: 193, 159, 110;
$empire-gold-light: mix(#fff, $empire-gold, 20%);
$empire-gold-dark: mix(#000, $empire-gold, 20%);
.element {
color: $empire-gold;
box-shadow: 0 0 0 2px rgba($empire-gold, 0.35);
}