Benannte Farbe · #B1936D
Caramel Gold
Caramel Gold ist #B1936D: rgb(177 147 109), hsl(34 30% 56%), oklch(0.681 0.063 73). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Caramel Gold color name →
#B1936D
oklch(0.681 0.063 73)
Farbumrechnungen
- HEX
- #b1936d
- RGB
- rgb(177 147 109)
- HSL
- hsl(34 30% 56%)
- HWB
- hwb(34 43% 31%)
- OKLCH
- oklch(0.681 0.063 73)
- OKLab
- oklab(0.681 0.019 0.061)
- CIE Lab
- lab(63.03 7.65 24.59)
- LCH
- lch(63.03 25.75 72.7)
- CMYK
- cmyk(0% 17% 38% 31%)
Tints · Shades · Tones
Tints
- B99D7B
- C0A889
- C8B398
- D0BDA6
- D8C8B5
- E0D3C3
- E7DED2
- EFE9E1
- F7F4F0
Shades
- 997F5E
- 836C4F
- 6C5941
- 574733
- 423626
- 2F2519
- 1C160D
- 0C0804
- 010101
Tones
- AC916F
- A78F72
- A28D74
- 9D8C76
- 988A78
- 948879
- 8F867B
- 8A847D
- 85827E
Farbharmonien
Komplementär +180°
- B1936D
Caramel Gold
- 7D9BC0
≈ Bel Air Blue
Analog -30° +30°
- B1936D
Caramel Gold
- BB8C79
≈ Tuscany
- 9F9B6D
≈ Domain
Triadisch +120° +240°
- B1936D
Caramel Gold
- 68A5A3
≈ Fairstar
- A78EB5
≈ Revered
Geteilt komplementär +150° +210°
- B1936D
Caramel Gold
- 6CA2B5
≈ Pacific Palisade
- 9394BF
≈ Velvet Crest
Tetradisch +90° +180° +270°
- B1936D
Caramel Gold
- 74A58D
≈ Free Green
- 7D9BC0
≈ Bel Air Blue
- B589A3
≈ Lover’s Tryst
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.89:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.26:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--caramel-gold: #b1936d;
--caramel-gold-rgb: 177 147 109;
--caramel-gold-oklch: oklch(0.681 0.063 73);
}
.element {
color: var(--caramel-gold);
background-color: hsl(34 30% 56%);
border-color: oklch(0.681 0.063 73);
}Tailwind CSS v4
@theme {
--color-caramel-gold: #b1936d;
--color-caramel-gold-50: #fff3e2;
--color-caramel-gold-100: #f5e5d1;
--color-caramel-gold-200: #e5d1b7;
--color-caramel-gold-300: #cbb394;
--color-caramel-gold-400: #b69975;
--color-caramel-gold-500: #a08056;
--color-caramel-gold-600: #876c49;
--color-caramel-gold-700: #6c573a;
--color-caramel-gold-800: #503f2a;
--color-caramel-gold-900: #382b1c;
--color-caramel-gold-950: #23180c;
}SCSS
$caramel-gold: #b1936d;
$caramel-gold-rgb: 177, 147, 109;
$caramel-gold-light: mix(#fff, $caramel-gold, 20%);
$caramel-gold-dark: mix(#000, $caramel-gold, 20%);
.element {
color: $caramel-gold;
box-shadow: 0 0 0 2px rgba($caramel-gold, 0.35);
}