Colore con nome · #A6B29A
Banksia
Banksia è #A6B29A: rgb(166 178 154), hsl(90 13% 65%), oklch(0.747 0.036 129). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Banksia color name →
#A6B29A
oklch(0.747 0.036 129)
Conversioni di colore
- HEX
- #a6b29a
- RGB
- rgb(166 178 154)
- HSL
- hsl(90 13% 65%)
- HWB
- hwb(90 60% 30%)
- OKLCH
- oklch(0.747 0.036 129)
- OKLab
- oklab(0.747 -0.023 0.028)
- CIE Lab
- lab(71.12 -7.66 10.82)
- LCH
- lch(71.12 13.25 125.3)
- CMYK
- cmyk(7% 0% 13% 30%)
Tinte · Ombre · Toni
Tinte
- AFB9A4
- B7C1AE
- C0C9B7
- C9D0C1
- D2D8CC
- DBE0D6
- E4E7E0
- EDEFEA
- F6F7F5
Ombre
- 909A85
- 7A8371
- 656D5E
- 51574B
- 3E4339
- 2B2F27
- 1A1D17
- 0A0C09
- 010101
Toni
- A2AD97
- 9EA895
- 9AA392
- 979E90
- 93998D
- 8F948A
- 8B8F88
- 878A85
- 848583
Armonie di colore
Complementare +180°
- A6B29A
Banksia
- B4A7BF
≈ Transparent Mauve
Analogo -30° +30°
- A6B29A
Banksia
- B2AE94
≈ Soothing Sage
- 9BB5A5
≈ Nile River
Triadico +120° +240°
- A6B29A
Banksia
- 9CB0C4
≈ Sterling Silver
- C3A4A8
≈ Lychee Berry
Complementare divisa +150° +210°
- A6B29A
Banksia
- A8ABC4
≈ Cosmic Sky
- BDA5B5
≈ Pansy Posy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.45:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--banksia: #a6b29a;
--banksia-rgb: 166 178 154;
--banksia-oklch: oklch(0.747 0.036 129);
}
.element {
color: var(--banksia);
background-color: hsl(90 13% 65%);
border-color: oklch(0.747 0.036 129);
}Tailwind CSS v4
@theme {
--color-banksia: #a6b29a;
--color-banksia-50: #f1f7ed;
--color-banksia-100: #e4ebde;
--color-banksia-200: #cfd8c8;
--color-banksia-300: #b1bca8;
--color-banksia-400: #98a38d;
--color-banksia-500: #7f8b72;
--color-banksia-600: #6b7661;
--color-banksia-700: #565e4d;
--color-banksia-800: #3f4537;
--color-banksia-900: #2b3026;
--color-banksia-950: #191c14;
}SCSS
$banksia: #a6b29a;
$banksia-rgb: 166, 178, 154;
$banksia-light: mix(#fff, $banksia, 20%);
$banksia-dark: mix(#000, $banksia, 20%);
.element {
color: $banksia;
box-shadow: 0 0 0 2px rgba($banksia, 0.35);
}