命名颜色 · #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);
}