Colore con nome · #B2994B
Husk
Husk è #B2994B: rgb(178 153 75), hsl(45 41% 50%), oklch(0.689 0.102 91.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Husk color name →
#B2994B
oklch(0.689 0.102 91.8)
Conversioni di colore
- HEX
- #b2994b
- RGB
- rgb(178 153 75)
- HSL
- hsl(45 41% 50%)
- HWB
- hwb(45 29% 30%)
- OKLCH
- oklch(0.689 0.102 91.8)
- OKLab
- oklab(0.689 -0.003 0.102)
- CIE Lab
- lab(64.3 2.53 43.82)
- LCH
- lch(64.3 43.9 86.7)
- CMYK
- cmyk(0% 14% 58% 30%)
Tinte · Ombre · Toni
Tinte
- B9A35F
- C1AD71
- C9B783
- D0C195
- D8CCA7
- E0D6B8
- E7E0CA
- EFEADB
- F7F5ED
Ombre
- 9A8440
- 837035
- 6D5D2B
- 574A21
- 433817
- 2F270E
- 1D1706
- 0C0802
- 010100
Toni
- AD9752
- A89459
- A3925F
- 9E8F65
- 998D6A
- 948A6F
- 8F8874
- 8A8578
- 85837C
Armonie di colore
Complementare +180°
- B2994B
Husk
- 8597DB
≈ Portage
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.55:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--husk: #b2994b;
--husk-rgb: 178 153 75;
--husk-oklch: oklch(0.689 0.102 91.8);
}
.element {
color: var(--husk);
background-color: hsl(45 41% 50%);
border-color: oklch(0.689 0.102 91.8);
}Tailwind CSS v4
@theme {
--color-husk: #b2994b;
--color-husk-50: #fff5d5;
--color-husk-100: #f3e8c2;
--color-husk-200: #e2d4a3;
--color-husk-300: #c9b77a;
--color-husk-400: #b49d54;
--color-husk-500: #9f8327;
--color-husk-600: #866f23;
--color-husk-700: #6b591c;
--color-husk-800: #504012;
--color-husk-900: #382c0b;
--color-husk-950: #221901;
}SCSS
$husk: #b2994b;
$husk-rgb: 178, 153, 75;
$husk-light: mix(#fff, $husk, 20%);
$husk-dark: mix(#000, $husk, 20%);
.element {
color: $husk;
box-shadow: 0 0 0 2px rgba($husk, 0.35);
}