Colore con nome · #B4A07A
Paper Sack
Paper Sack è #B4A07A: rgb(180 160 122), hsl(39 28% 59%), oklch(0.714 0.057 83.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Paper Sack color name →
#B4A07A
oklch(0.714 0.057 83.3)
Conversioni di colore
- HEX
- #b4a07a
- RGB
- rgb(180 160 122)
- HSL
- hsl(39 28% 59%)
- HWB
- hwb(39 48% 29%)
- OKLCH
- oklch(0.714 0.057 83.3)
- OKLab
- oklab(0.714 0.007 0.057)
- CIE Lab
- lab(66.93 3.34 22.7)
- LCH
- lch(66.93 22.94 81.6)
- CMYK
- cmyk(0% 11% 32% 29%)
Tinte · Ombre · Toni
Tinte
- BBA987
- C3B394
- CABCA1
- D2C5AE
- D9CFBB
- E1D8C9
- E8E2D6
- F0ECE4
- F7F5F1
Ombre
- 9C8B69
- 857659
- 6E6149
- 584E3A
- 443B2B
- 30291D
- 1D1910
- 0C0905
- 020101
Toni
- AF9D7B
- A99A7C
- A4967D
- 9F937D
- 9A907E
- 958D7E
- 8F8A7F
- 8A867F
- 858380
Armonie di colore
Complementare +180°
- B4A07A
Paper Sack
- 90A3C7
≈ Wild Clary
Analogo -30° +30°
- B4A07A
Paper Sack
- C09982
≈ Stuffing
- A2A77E
≈ Dill Grass
Triadico +120° +240°
- B4A07A
Paper Sack
- 78AEB3
≈ Venice Escape
- B597B8
≈ Grape Smoke
Complementare divisa +150° +210°
- B4A07A
Paper Sack
- 7FA9C1
≈ Stormfang
- A49CC4
≈ Purple Vision
Tetradico +90° +180° +270°
- B4A07A
Paper Sack
- 7DAF9F
≈ Green Room
- 90A3C7
≈ Wild Clary
- C094A5
≈ Light Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.25:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--paper-sack: #b4a07a;
--paper-sack-rgb: 180 160 122;
--paper-sack-oklch: oklch(0.714 0.057 83.3);
}
.element {
color: var(--paper-sack);
background-color: hsl(39 28% 59%);
border-color: oklch(0.714 0.057 83.3);
}Tailwind CSS v4
@theme {
--color-paper-sack: #b4a07a;
--color-paper-sack-50: #fdf4e3;
--color-paper-sack-100: #f1e7d3;
--color-paper-sack-200: #dfd3b9;
--color-paper-sack-300: #c5b697;
--color-paper-sack-400: #af9c78;
--color-paper-sack-500: #99835a;
--color-paper-sack-600: #816f4d;
--color-paper-sack-700: #67593d;
--color-paper-sack-800: #4c412b;
--color-paper-sack-900: #352c1d;
--color-paper-sack-950: #20190d;
}SCSS
$paper-sack: #b4a07a;
$paper-sack-rgb: 180, 160, 122;
$paper-sack-light: mix(#fff, $paper-sack, 20%);
$paper-sack-dark: mix(#000, $paper-sack, 20%);
.element {
color: $paper-sack;
box-shadow: 0 0 0 2px rgba($paper-sack, 0.35);
}