이름 색상 · #DB7210
Gold Orange
Gold Orange은(는) #DB7210: rgb(219 114 16), hsl(29 86% 46%), oklch(0.661 0.161 54.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Orange color name →
#DB7210
oklch(0.661 0.161 54.4)
색상 변환
- HEX
- #db7210
- RGB
- rgb(219 114 16)
- HSL
- hsl(29 86% 46%)
- HWB
- hwb(29 6% 14%)
- OKLCH
- oklch(0.661 0.161 54.4)
- OKLab
- oklab(0.661 0.094 0.131)
- CIE Lab
- lab(59.76 38.24 64.43)
- LCH
- lch(59.76 74.93 59.3)
- CMYK
- cmyk(0% 48% 93% 14%)
틴트 · 셰이드 · 톤
틴트
- E08139
- E59053
- E99E6B
- EEAC81
- F1BA96
- F5C8AB
- F8D6C0
- FBE3D5
- FDF1EA
셰이드
- BE620C
- A25309
- 874406
- 6D3604
- 542802
- 3C1B01
- 260E00
- 110400
- 020100
톤
- D2752A
- CA773A
- C17946
- B87B50
- B07C5A
- A67D62
- 9D7E6A
- 947F72
- 8A8079
색 조화
보색 +180°
- DB7210
Gold Orange
- 009EDA
≈ Structural Blue
유사색 -30° +30°
- DB7210
Gold Orange
- E46460
≈ Fiery Coral
- B98A00
≈ Loden Yellow
삼각 배색 +120° +240°
- DB7210
Gold Orange
- 00AB8D
≈ Arcadia
- 9A7BEA
≈ Forgotten Purple
분열 보색 +150° +210°
- DB7210
Gold Orange
- 00A6B2
≈ Exotic Sea
- 608DF4
≈ Soft Blue
사각 배색 +90° +180° +270°
- DB7210
Gold Orange
- 49AB4E
≈ Leapfrog
- 009EDA
≈ Structural Blue
- C26CC9
≈ Purple Urn Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.26:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.42:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--gold-orange: #db7210;
--gold-orange-rgb: 219 114 16;
--gold-orange-oklch: oklch(0.661 0.161 54.4);
}
.element {
color: var(--gold-orange);
background-color: hsl(29 86% 46%);
border-color: oklch(0.661 0.161 54.4);
}Tailwind CSS v4
@theme {
--color-gold-orange: #db7210;
--color-gold-orange-50: #ffeac9;
--color-gold-orange-100: #ffdbb4;
--color-gold-orange-200: #ffc390;
--color-gold-orange-300: #f5a161;
--color-gold-orange-400: #e58132;
--color-gold-orange-500: #d36000;
--color-gold-orange-600: #b25200;
--color-gold-orange-700: #8f4200;
--color-gold-orange-800: #6b2e00;
--color-gold-orange-900: #4c1f00;
--color-gold-orange-950: #320e00;
}SCSS
$gold-orange: #db7210;
$gold-orange-rgb: 219, 114, 16;
$gold-orange-light: mix(#fff, $gold-orange, 20%);
$gold-orange-dark: mix(#000, $gold-orange, 20%);
.element {
color: $gold-orange;
box-shadow: 0 0 0 2px rgba($gold-orange, 0.35);
}