Colore con nome · #B49073
Poncho
Poncho è #B49073: rgb(180 144 115), hsl(27 30% 58%), oklch(0.68 0.06 60.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Poncho color name →
#B49073
oklch(0.68 0.06 60.4)
Conversioni di colore
- HEX
- #b49073
- RGB
- rgb(180 144 115)
- HSL
- hsl(27 30% 58%)
- HWB
- hwb(27 45% 29%)
- OKLCH
- oklch(0.68 0.06 60.4)
- OKLab
- oklab(0.68 0.029 0.052)
- CIE Lab
- lab(62.67 11 20.88)
- LCH
- lch(62.67 23.6 62.2)
- CMYK
- cmyk(0% 20% 36% 29%)
Tinte · Ombre · Toni
Tinte
- BC9B80
- C3A68E
- CBB09C
- D2BBAA
- DAC6B7
- E1D2C6
- E9DDD4
- F0E8E2
- F8F4F0
Ombre
- 9C7D63
- 856A54
- 6E5745
- 584536
- 443428
- 30241B
- 1D150F
- 0C0705
- 020101
Toni
- AF8E75
- AA8D76
- A48B78
- 9F8A79
- 9A887A
- 95877B
- 90857D
- 8A837E
- 85827F
Armonie di colore
Complementare +180°
- B49073
Poncho
- 779EBA
≈ Blue Nile
Analogo -30° +30°
- B49073
Poncho
- BA8B82
≈ Venetian Pink
- A6976E
≈ Eco Green
Triadico +120° +240°
- B49073
Poncho
- 6EA59A
≈ Twining Vine
- 9E90B8
≈ Wizard’s Brew
Complementare divisa +150° +210°
- B49073
Poncho
- 6CA3AD
≈ Seaside
- 8A97BE
≈ Manifest Destiny
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.17:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--poncho: #b49073;
--poncho-rgb: 180 144 115;
--poncho-oklch: oklch(0.68 0.06 60.4);
}
.element {
color: var(--poncho);
background-color: hsl(27 30% 58%);
border-color: oklch(0.68 0.06 60.4);
}Tailwind CSS v4
@theme {
--color-poncho: #b49073;
--color-poncho-50: #fff2e4;
--color-poncho-100: #f7e4d4;
--color-poncho-200: #e7cfbb;
--color-poncho-300: #ceb199;
--color-poncho-400: #b9977b;
--color-poncho-500: #a47d5e;
--color-poncho-600: #8a6a50;
--color-poncho-700: #6f553f;
--color-poncho-800: #523d2e;
--color-poncho-900: #392a1f;
--color-poncho-950: #24180f;
}SCSS
$poncho: #b49073;
$poncho-rgb: 180, 144, 115;
$poncho-light: mix(#fff, $poncho, 20%);
$poncho-dark: mix(#000, $poncho, 20%);
.element {
color: $poncho;
box-shadow: 0 0 0 2px rgba($poncho, 0.35);
}