Benannte Farbe · #C9A86A
Ginger Ale
Ginger Ale ist #C9A86A: rgb(201 168 106), hsl(39 47% 60%), oklch(0.747 0.089 82.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ginger Ale color name →
#C9A86A
oklch(0.747 0.089 82.4)
Farbumrechnungen
- HEX
- #c9a86a
- RGB
- rgb(201 168 106)
- HSL
- hsl(39 47% 60%)
- HWB
- hwb(39 42% 21%)
- OKLCH
- oklch(0.747 0.089 82.4)
- OKLab
- oklab(0.747 0.012 0.088)
- CIE Lab
- lab(70.83 6.58 36.64)
- LCH
- lch(70.83 37.23 79.8)
- CMYK
- cmyk(0% 16% 47% 21%)
Tints · Shades · Tones
Tints
- CEB179
- D4B989
- D9C297
- DFCBA6
- E4D3B5
- E9DCC4
- EFE5D2
- F4EDE1
- FAF6F0
Shades
- AE925B
- 957C4D
- 7C673F
- 645231
- 4C3F24
- 362C18
- 221A0D
- 0F0A04
- 020100
Tones
- C2A46D
- BAA070
- B39C73
- AB9875
- A49478
- 9D907A
- 958C7B
- 8E887D
- 87847F
Farbharmonien
Komplementär +180°
- C9A86A
Ginger Ale
- 8FADE6
≈ Queer Blue
Analog -30° +30°
- C9A86A
Ginger Ale
- DA9D78
≈ Fame Orange
- AEB370
≈ Rodham
Triadisch +120° +240°
- C9A86A
Ginger Ale
- 61BEC5
≈ Faded Jeans
- C89ACE
≈ Ineffable Magenta
Geteilt komplementär +150° +210°
- C9A86A
Ginger Ale
- 70B7DC
≈ Tranquil Bay
- AEA3E1
≈ Violet Velvet
Tetradisch +90° +180° +270°
- C9A86A
Ginger Ale
- 6EC0A7
≈ Blue Energy
- 8FADE6
≈ Queer Blue
- DA96B3
≈ Techno Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.25:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.29:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--ginger-ale: #c9a86a;
--ginger-ale-rgb: 201 168 106;
--ginger-ale-oklch: oklch(0.747 0.089 82.4);
}
.element {
color: var(--ginger-ale);
background-color: hsl(39 47% 60%);
border-color: oklch(0.747 0.089 82.4);
}Tailwind CSS v4
@theme {
--color-ginger-ale: #c9a86a;
--color-ginger-ale-50: #fff4d9;
--color-ginger-ale-100: #f6e6c7;
--color-ginger-ale-200: #e6d2a9;
--color-ginger-ale-300: #cdb483;
--color-ginger-ale-400: #b99a60;
--color-ginger-ale-500: #a3803a;
--color-ginger-ale-600: #8a6d32;
--color-ginger-ale-700: #6f5728;
--color-ginger-ale-800: #523f1b;
--color-ginger-ale-900: #392b12;
--color-ginger-ale-950: #241804;
}SCSS
$ginger-ale: #c9a86a;
$ginger-ale-rgb: 201, 168, 106;
$ginger-ale-light: mix(#fff, $ginger-ale, 20%);
$ginger-ale-dark: mix(#000, $ginger-ale, 20%);
.element {
color: $ginger-ale;
box-shadow: 0 0 0 2px rgba($ginger-ale, 0.35);
}