Benannte Farbe · #B97A77
Wild Party
Wild Party ist #B97A77: rgb(185 122 119), hsl(3 32% 60%), oklch(0.644 0.08 22.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Wild Party color name →
#B97A77
oklch(0.644 0.08 22.5)
Farbumrechnungen
- HEX
- #b97a77
- RGB
- rgb(185 122 119)
- HSL
- hsl(3 32% 60%)
- HWB
- hwb(3 47% 27%)
- OKLCH
- oklch(0.644 0.08 22.5)
- OKLab
- oklab(0.644 0.073 0.03)
- CIE Lab
- lab(57.91 25.02 12.3)
- LCH
- lch(57.91 27.88 26.2)
- CMYK
- cmyk(0% 34% 36% 27%)
Tints · Shades · Tones
Tints
- C18784
- C89491
- CFA19E
- D7AEAB
- DEBBB9
- E5C9C7
- EBD6D5
- F2E4E3
- F9F1F1
Shades
- A06967
- 895957
- 714947
- 5B3A38
- 462B2A
- 311D1C
- 1E1010
- 0D0505
- 020101
Tones
- B47B78
- AE7C79
- A97C7A
- A37D7B
- 9E7E7C
- 987E7D
- 927F7D
- 8C7F7E
- 86807F
Farbharmonien
Komplementär +180°
- B97A77
Wild Party
- 4B9CA2
≈ Coolbox Ice Turquoise
Analog -30° +30°
- B97A77
Wild Party
- B47992
≈ Choral Singer
- B4805F
≈ Silken Chocolate
Triadisch +120° +240°
- B97A77
Wild Party
- 719A6D
≈ Blackthorn Green
- 738DBE
≈ Dayflower Blue
Geteilt komplementär +150° +210°
- B97A77
Wild Party
- 569D88
≈ Derby Green
- 5996B6
≈ Hush-A-Bye
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.43:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.11:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--wild-party: #b97a77;
--wild-party-rgb: 185 122 119;
--wild-party-oklch: oklch(0.644 0.08 22.5);
}
.element {
color: var(--wild-party);
background-color: hsl(3 32% 60%);
border-color: oklch(0.644 0.08 22.5);
}Tailwind CSS v4
@theme {
--color-wild-party: #b97a77;
--color-wild-party-50: #ffedea;
--color-wild-party-100: #ffdedb;
--color-wild-party-200: #f5c8c4;
--color-wild-party-300: #dda8a3;
--color-wild-party-400: #c98c89;
--color-wild-party-500: #b5716e;
--color-wild-party-600: #99605d;
--color-wild-party-700: #7b4c4a;
--color-wild-party-800: #5b3737;
--color-wild-party-900: #402625;
--color-wild-party-950: #281414;
}SCSS
$wild-party: #b97a77;
$wild-party-rgb: 185, 122, 119;
$wild-party-light: mix(#fff, $wild-party, 20%);
$wild-party-dark: mix(#000, $wild-party, 20%);
.element {
color: $wild-party;
box-shadow: 0 0 0 2px rgba($wild-party, 0.35);
}