Benannte Farbe · #B39142
Venetian Gold
Venetian Gold ist #B39142: rgb(179 145 66), hsl(42 46% 48%), oklch(0.673 0.106 85.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Venetian Gold color name →
#B39142
oklch(0.673 0.106 85.9)
Farbumrechnungen
- HEX
- #b39142
- RGB
- rgb(179 145 66)
- HSL
- hsl(42 46% 48%)
- HWB
- hwb(42 26% 30%)
- OKLCH
- oklch(0.673 0.106 85.9)
- OKLab
- oklab(0.673 0.008 0.105)
- CIE Lab
- lab(62.22 6.63 45.88)
- LCH
- lch(62.22 46.35 81.8)
- CMYK
- cmyk(0% 19% 63% 30%)
Tints · Shades · Tones
Tints
- BB9C57
- C2A76B
- CAB27E
- D1BD90
- D9C8A3
- E0D3B5
- E8DEC7
- F0E9DA
- F7F4EC
Shades
- 9B7D38
- 846A2F
- 6E5825
- 58461C
- 433514
- 2F250B
- 1D1505
- 0C0701
- 010100
Tones
- AE904B
- A98E53
- A48C5A
- 9E8B60
- 998966
- 94876C
- 8F8671
- 8A8476
- 85827B
Farbharmonien
Komplementär +180°
- B39142
Venetian Gold
- 7794D7
≈ Pannikin
Analog -30° +30°
- B39142
Venetian Gold
- C88453
≈ Maple Syrup Brown
- 939E4E
≈ Spinach Green
Triadisch +120° +240°
- B39142
Venetian Gold
- 2AA8B6
≈ Green Buoy
- B87FB9
≈ Colombo Red Mauve
Geteilt komplementär +150° +210°
- B39142
Venetian Gold
- 4DA0CE
≈ Peaceful River
- 9C88D0
≈ Petrified Purple
Tetradisch +90° +180° +270°
- B39142
Venetian Gold
- 3DAB93
≈ Zomp
- 7794D7
≈ Pannikin
- C97A98
≈ Wild Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.04:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--venetian-gold: #b39142;
--venetian-gold-rgb: 179 145 66;
--venetian-gold-oklch: oklch(0.673 0.106 85.9);
}
.element {
color: var(--venetian-gold);
background-color: hsl(42 46% 48%);
border-color: oklch(0.673 0.106 85.9);
}Tailwind CSS v4
@theme {
--color-venetian-gold: #b39142;
--color-venetian-gold-50: #fff4d4;
--color-venetian-gold-100: #f7e7c0;
--color-venetian-gold-200: #e7d2a1;
--color-venetian-gold-300: #ceb578;
--color-venetian-gold-400: #ba9a50;
--color-venetian-gold-500: #a58020;
--color-venetian-gold-600: #8c6d1f;
--color-venetian-gold-700: #705718;
--color-venetian-gold-800: #543f0f;
--color-venetian-gold-900: #3a2b09;
--color-venetian-gold-950: #241800;
}SCSS
$venetian-gold: #b39142;
$venetian-gold-rgb: 179, 145, 66;
$venetian-gold-light: mix(#fff, $venetian-gold, 20%);
$venetian-gold-dark: mix(#000, $venetian-gold, 20%);
.element {
color: $venetian-gold;
box-shadow: 0 0 0 2px rgba($venetian-gold, 0.35);
}