이름 색상 · #C19D61
Gold Spell
Gold Spell은(는) #C19D61: rgb(193 157 97), hsl(38 44% 57%), oklch(0.716 0.089 79.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Spell color name →
#C19D61
oklch(0.716 0.089 79.4)
색상 변환
- HEX
- #c19d61
- RGB
- rgb(193 157 97)
- HSL
- hsl(38 44% 57%)
- HWB
- hwb(38 38% 24%)
- OKLCH
- oklch(0.716 0.089 79.4)
- OKLab
- oklab(0.716 0.016 0.087)
- CIE Lab
- lab(67.1 8.24 36.51)
- LCH
- lch(67.1 37.42 77.3)
- CMYK
- cmyk(0% 19% 50% 24%)
틴트 · 셰이드 · 톤
틴트
- C7A771
- CDB081
- D4BA91
- DAC4A1
- E0CEB0
- E6D7C0
- ECE1D0
- F3EBDF
- F9F5EF
셰이드
- A78853
- 8F7346
- 775F39
- 5F4C2D
- 493A21
- 342815
- 20180B
- 0E0903
- 020100
톤
- BA9A65
- B49769
- AD956D
- A79270
- A08F73
- 9A8C76
- 938979
- 8D867B
- 86837E
색 조화
보색 +180°
- C19D61
Gold Spell
- 82A4DB
≈ Blue Cue
유사색 -30° +30°
- C19D61
Gold Spell
- D19371
≈ Feldspar
- A7A865
≈ Elf Slippers
삼각 배색 +120° +240°
- C19D61
Gold Spell
- 56B4B9
≈ Thalassa
- BC91C7
≈ Violaceous
분열 보색 +150° +210°
- C19D61
Gold Spell
- 64AED0
≈ Imrik Blue
- A19AD8
≈ Biloba Flower
사각 배색 +90° +180° +270°
- C19D61
Gold Spell
- 66B59A
≈ Keppel
- 82A4DB
≈ Blue Cue
- CE8CAC
≈ Bossy-Pants Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.26:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--gold-spell: #c19d61;
--gold-spell-rgb: 193 157 97;
--gold-spell-oklch: oklch(0.716 0.089 79.4);
}
.element {
color: var(--gold-spell);
background-color: hsl(38 44% 57%);
border-color: oklch(0.716 0.089 79.4);
}Tailwind CSS v4
@theme {
--color-gold-spell: #c19d61;
--color-gold-spell-50: #fff3d9;
--color-gold-spell-100: #f7e6c7;
--color-gold-spell-200: #e8d1aa;
--color-gold-spell-300: #cfb383;
--color-gold-spell-400: #bb9960;
--color-gold-spell-500: #a57f3b;
--color-gold-spell-600: #8c6c33;
--color-gold-spell-700: #705629;
--color-gold-spell-800: #533e1c;
--color-gold-spell-900: #3a2b12;
--color-gold-spell-950: #241805;
}SCSS
$gold-spell: #c19d61;
$gold-spell-rgb: 193, 157, 97;
$gold-spell-light: mix(#fff, $gold-spell, 20%);
$gold-spell-dark: mix(#000, $gold-spell, 20%);
.element {
color: $gold-spell;
box-shadow: 0 0 0 2px rgba($gold-spell, 0.35);
}