Colore con nome · #A28D82
Bush Buck
Bush Buck è #A28D82: rgb(162 141 130), hsl(21 15% 57%), oklch(0.659 0.03 49.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bush Buck color name →
#A28D82
oklch(0.659 0.03 49.4)
Conversioni di colore
- HEX
- #a28d82
- RGB
- rgb(162 141 130)
- HSL
- hsl(21 15% 57%)
- HWB
- hwb(21 51% 36%)
- OKLCH
- oklch(0.659 0.03 49.4)
- OKLab
- oklab(0.659 0.02 0.023)
- CIE Lab
- lab(60.33 6.8 8.95)
- LCH
- lch(60.33 11.24 52.8)
- CMYK
- cmyk(0% 13% 20% 36%)
Tinte · Ombre · Toni
Tinte
- AB988E
- B4A39A
- BDAEA6
- C7B9B2
- D0C5BF
- D9D0CB
- E3DCD8
- ECE7E5
- F5F3F2
Ombre
- 8C7A70
- 77675F
- 63554E
- 4F443E
- 3C332F
- 2A2320
- 191412
- 0A0706
- 010101
Toni
- 9F8C82
- 9B8A82
- 988982
- 948881
- 918781
- 8E8581
- 8A8481
- 878380
- 838180
Armonie di colore
Complementare +180°
- A28D82
Bush Buck
- 8096A1
≈ Poolhouse
Analogo -30° +30°
- A28D82
Bush Buck
- A48B8A
≈ Storm Red
- 9C907E
≈ Kommando Khaki
Triadico +120° +240°
- A28D82
Bush Buck
- 81988F
≈ Paradise Found
- 918FA4
≈ Cotton Flannel
Complementare divisa +150° +210°
- A28D82
Bush Buck
- 7D9899
≈ Tidepool Wonder
- 8793A5
≈ Fantasy Grey
Tetradico +90° +180° +270°
- A28D82
Bush Buck
- 899785
≈ Manifest
- 8096A1
≈ Poolhouse
- 9A8C9E
≈ Berry Cream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.66:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--bush-buck: #a28d82;
--bush-buck-rgb: 162 141 130;
--bush-buck-oklch: oklch(0.659 0.03 49.4);
}
.element {
color: var(--bush-buck);
background-color: hsl(21 15% 57%);
border-color: oklch(0.659 0.03 49.4);
}Tailwind CSS v4
@theme {
--color-bush-buck: #a28d82;
--color-bush-buck-50: #fdf3ed;
--color-bush-buck-100: #f1e5df;
--color-bush-buck-200: #dfd1c9;
--color-bush-buck-300: #c5b3aa;
--color-bush-buck-400: #ae9a8f;
--color-bush-buck-500: #978175;
--color-bush-buck-600: #806d63;
--color-bush-buck-700: #67574f;
--color-bush-buck-800: #4c3f3a;
--color-bush-buck-900: #342c27;
--color-bush-buck-950: #201916;
}SCSS
$bush-buck: #a28d82;
$bush-buck-rgb: 162, 141, 130;
$bush-buck-light: mix(#fff, $bush-buck, 20%);
$bush-buck-dark: mix(#000, $bush-buck, 20%);
.element {
color: $bush-buck;
box-shadow: 0 0 0 2px rgba($bush-buck, 0.35);
}