Benannte Farbe · #C9AB73
Gold Tweed
Gold Tweed ist #C9AB73: rgb(201 171 115), hsl(39 44% 62%), oklch(0.755 0.081 82.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gold Tweed color name →
#C9AB73
oklch(0.755 0.081 82.5)
Farbumrechnungen
- HEX
- #c9ab73
- RGB
- rgb(201 171 115)
- HSL
- hsl(39 44% 62%)
- HWB
- hwb(39 45% 21%)
- OKLCH
- oklch(0.755 0.081 82.5)
- OKLab
- oklab(0.755 0.011 0.081)
- CIE Lab
- lab(71.71 5.72 33.08)
- LCH
- lch(71.71 33.57 80.2)
- CMYK
- cmyk(0% 15% 43% 21%)
Tints · Shades · Tones
Tints
- CEB381
- D4BC8F
- D9C49D
- DFCCAB
- E4D5B9
- E9DDC7
- EFE6D5
- F4EEE3
- FAF7F1
Shades
- AE9463
- 957E54
- 7C6845
- 645436
- 4C4028
- 362D1B
- 221B0F
- 0F0B05
- 020101
Tones
- C2A775
- BAA277
- B39E79
- AB9A7A
- A4967B
- 9D917D
- 958D7E
- 8E897F
- 87847F
Farbharmonien
Komplementär +180°
- C9AB73
Gold Tweed
- 94B0E4
≈ Blue Skies Today
Analog -30° +30°
- C9AB73
Gold Tweed
- D9A17F
≈ Nice Tan
- B0B579
≈ Timothy Grass
Triadisch +120° +240°
- C9AB73
Gold Tweed
- 6CBFC6
≈ Luna Moona
- C99FCE
≈ Lilac Lace
Geteilt komplementär +150° +210°
- C9AB73
Gold Tweed
- 79B9DB
≈ Pacific Harbour
- B0A6DF
≈ Grape Illusion
Tetradisch +90° +180° +270°
- C9AB73
Gold Tweed
- 77C1AA
≈ Blue Energy
- 94B0E4
≈ Blue Skies Today
- D99AB4
≈ Haute Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.55:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--gold-tweed: #c9ab73;
--gold-tweed-rgb: 201 171 115;
--gold-tweed-oklch: oklch(0.755 0.081 82.5);
}
.element {
color: var(--gold-tweed);
background-color: hsl(39 44% 62%);
border-color: oklch(0.755 0.081 82.5);
}Tailwind CSS v4
@theme {
--color-gold-tweed: #c9ab73;
--color-gold-tweed-50: #fff4db;
--color-gold-tweed-100: #f5e6ca;
--color-gold-tweed-200: #e5d2ad;
--color-gold-tweed-300: #cbb588;
--color-gold-tweed-400: #b69a66;
--color-gold-tweed-500: #a18143;
--color-gold-tweed-600: #886d3a;
--color-gold-tweed-700: #6d572e;
--color-gold-tweed-800: #513f20;
--color-gold-tweed-900: #382c15;
--color-gold-tweed-950: #231906;
}SCSS
$gold-tweed: #c9ab73;
$gold-tweed-rgb: 201, 171, 115;
$gold-tweed-light: mix(#fff, $gold-tweed, 20%);
$gold-tweed-dark: mix(#000, $gold-tweed, 20%);
.element {
color: $gold-tweed;
box-shadow: 0 0 0 2px rgba($gold-tweed, 0.35);
}