Named color · #DB7210
Gold Orange
Gold Orange is #DB7210: rgb(219 114 16), hsl(29 86% 46%), oklch(0.661 0.161 54.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Gold Orange color name →
#DB7210
oklch(0.661 0.161 54.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E08139
- E59053
- E99E6B
- EEAC81
- F1BA96
- F5C8AB
- F8D6C0
- FBE3D5
- FDF1EA
Shades
- BE620C
- A25309
- 874406
- 6D3604
- 542802
- 3C1B01
- 260E00
- 110400
- 020100
Tones
- D2752A
- CA773A
- C17946
- B87B50
- B07C5A
- A67D62
- 9D7E6A
- 947F72
- 8A8079
Color harmonies
Complementary +180°
- DB7210
Gold Orange
- 009EDA
≈ Structural Blue
Analogous -30° +30°
- DB7210
Gold Orange
- E46460
≈ Fiery Coral
- B98A00
≈ Loden Yellow
Triadic +120° +240°
- DB7210
Gold Orange
- 00AB8D
≈ Arcadia
- 9A7BEA
≈ Forgotten Purple
Split-complementary +150° +210°
- DB7210
Gold Orange
- 00A6B2
≈ Exotic Sea
- 608DF4
≈ Soft Blue
Tetradic +90° +180° +270°
- DB7210
Gold Orange
- 49AB4E
≈ Leapfrog
- 009EDA
≈ Structural Blue
- C26CC9
≈ Purple Urn Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.26:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.42:1 · APCA Lc 42
Best text color: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
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);
}