Colore con nome · #B97A77
Wild Party
Wild Party è #B97A77: rgb(185 122 119), hsl(3 32% 60%), oklch(0.644 0.08 22.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Wild Party color name →
#B97A77
oklch(0.644 0.08 22.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C18784
- C89491
- CFA19E
- D7AEAB
- DEBBB9
- E5C9C7
- EBD6D5
- F2E4E3
- F9F1F1
Ombre
- A06967
- 895957
- 714947
- 5B3A38
- 462B2A
- 311D1C
- 1E1010
- 0D0505
- 020101
Toni
- B47B78
- AE7C79
- A97C7A
- A37D7B
- 9E7E7C
- 987E7D
- 927F7D
- 8C7F7E
- 86807F
Armonie di colore
Complementare +180°
- B97A77
Wild Party
- 4B9CA2
≈ Coolbox Ice Turquoise
Analogo -30° +30°
- B97A77
Wild Party
- B47992
≈ Choral Singer
- B4805F
≈ Silken Chocolate
Triadico +120° +240°
- B97A77
Wild Party
- 719A6D
≈ Blackthorn Green
- 738DBE
≈ Dayflower Blue
Complementare divisa +150° +210°
- B97A77
Wild Party
- 569D88
≈ Derby Green
- 5996B6
≈ Hush-A-Bye
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.11:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
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);
}