이름 색상 · #DFC16D
Highlight Gold
Highlight Gold은(는) #DFC16D: rgb(223 193 109), hsl(44 64% 65%), oklch(0.819 0.109 90.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Highlight Gold color name →
#DFC16D
oklch(0.819 0.109 90.2)
색상 변환
- HEX
- #dfc16d
- RGB
- rgb(223 193 109)
- HSL
- hsl(44 64% 65%)
- HWB
- hwb(44 43% 13%)
- OKLCH
- oklch(0.819 0.109 90.2)
- OKLab
- oklab(0.819 0 0.109)
- CIE Lab
- lab(79.37 3.33 46.02)
- LCH
- lch(79.37 46.14 85.9)
- CMYK
- cmyk(0% 13% 51% 13%)
틴트 · 셰이드 · 톤
틴트
- E2C77D
- E5CE8D
- E9D49B
- ECDAAA
- EFE0B8
- F2E7C7
- F5EDD5
- F9F3E3
- FCF9F1
셰이드
- C2A75E
- A58F4F
- 8A7741
- 6F5F33
- 564926
- 3D3419
- 27200D
- 120E04
- 020201
톤
- D5BA71
- CBB474
- C2AD76
- B8A779
- AEA07A
- A59A7C
- 9C937D
- 928D7F
- 89867F
색 조화
보색 +180°
- DFC16D
Highlight Gold
- ADC1FF
≈ Pastel Blue
유사색 -30° +30°
- DFC16D
Highlight Gold
- F8B379
≈ Market Melon
- BACF7C
≈ Tart Apple
삼각 배색 +120° +240°
- DFC16D
Highlight Gold
- 61D7EB
≈ Electric Lemonade
- EDAAE5
≈ Land of Dreams
분열 보색 +150° +210°
- DFC16D
Highlight Gold
- 85CDFF
≈ Platonic Blue
- CFB4FF
≈ Light Violet
사각 배색 +90° +180° +270°
- DFC16D
Highlight Gold
- 68DBC7
≈ Star Grass
- ADC1FF
≈ Pastel Blue
- FFA6C0
≈ Amélie’s Tutu
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.98:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--highlight-gold: #dfc16d;
--highlight-gold-rgb: 223 193 109;
--highlight-gold-oklch: oklch(0.819 0.109 90.2);
}
.element {
color: var(--highlight-gold);
background-color: hsl(44 64% 65%);
border-color: oklch(0.819 0.109 90.2);
}Tailwind CSS v4
@theme {
--color-highlight-gold: #dfc16d;
--color-highlight-gold-50: #fff5d2;
--color-highlight-gold-100: #f5e8bf;
--color-highlight-gold-200: #e5d49f;
--color-highlight-gold-300: #cbb675;
--color-highlight-gold-400: #b79c4d;
--color-highlight-gold-500: #a28217;
--color-highlight-gold-600: #896e18;
--color-highlight-gold-700: #6e5814;
--color-highlight-gold-800: #52400b;
--color-highlight-gold-900: #392c07;
--color-highlight-gold-950: #231900;
}SCSS
$highlight-gold: #dfc16d;
$highlight-gold-rgb: 223, 193, 109;
$highlight-gold-light: mix(#fff, $highlight-gold, 20%);
$highlight-gold-dark: mix(#000, $highlight-gold, 20%);
.element {
color: $highlight-gold;
box-shadow: 0 0 0 2px rgba($highlight-gold, 0.35);
}