Colore con nome · #73754C
Ancient Bonsai
Ancient Bonsai è #73754C: rgb(115 117 76), hsl(63 21% 38%), oklch(0.55 0.059 110.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Ancient Bonsai color name →
#73754C
oklch(0.55 0.059 110.6)
Conversioni di colore
- HEX
- #73754c
- RGB
- rgb(115 117 76)
- HSL
- hsl(63 21% 38%)
- HWB
- hwb(63 30% 54%)
- OKLCH
- oklch(0.55 0.059 110.6)
- OKLab
- oklab(0.55 -0.021 0.055)
- CIE Lab
- lab(48.27 -5.96 22.4)
- LCH
- lch(48.27 23.18 104.9)
- CMYK
- cmyk(2% 0% 35% 54%)
Tinte · Ombre · Toni
Tinte
- 80825D
- 8D8F6E
- 9B9D7F
- A8AA91
- B6B8A3
- C4C6B5
- D3D4C7
- E1E2D9
- F0F0EC
Ombre
- 636541
- 545536
- 45462C
- 363722
- 282918
- 1B1C0F
- 0F0F06
- 050502
- 010100
Toni
- 747652
- 757757
- 77785C
- 787A62
- 797B67
- 7B7C6C
- 7C7D71
- 7D7E76
- 7F7F7B
Armonie di colore
Complementare +180°
- 73754C
Ancient Bonsai
- 716C92
≈ Bureaucracy
Analogo -30° +30°
- 73754C
Ancient Bonsai
- 846E49
≈ Wild Mushroom
- 5F7A5A
≈ Green Mantle
Triadico +120° +240°
- 73754C
Ancient Bonsai
- 4C788E
≈ Moody Teal
- 8D6376
≈ Victorian Plum
Complementare divisa +150° +210°
- 73754C
Ancient Bonsai
- 5E7295
≈ Ocean Night
- 826687
≈ Sunshone Plum
Tetradico +90° +180° +270°
- 73754C
Ancient Bonsai
- 447C80
≈ Submerged
- 716C92
≈ Bureaucracy
- 916463
≈ Roseland
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.79:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.37:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--ancient-bonsai: #73754c;
--ancient-bonsai-rgb: 115 117 76;
--ancient-bonsai-oklch: oklch(0.55 0.059 110.6);
}
.element {
color: var(--ancient-bonsai);
background-color: hsl(63 21% 38%);
border-color: oklch(0.55 0.059 110.6);
}Tailwind CSS v4
@theme {
--color-ancient-bonsai: #73754c;
--color-ancient-bonsai-50: #f5f7e4;
--color-ancient-bonsai-100: #e8ead4;
--color-ancient-bonsai-200: #d4d7bb;
--color-ancient-bonsai-300: #b7bb99;
--color-ancient-bonsai-400: #a0a27a;
--color-ancient-bonsai-500: #888a5c;
--color-ancient-bonsai-600: #73754e;
--color-ancient-bonsai-700: #5c5d3e;
--color-ancient-bonsai-800: #44442c;
--color-ancient-bonsai-900: #2f2f1e;
--color-ancient-bonsai-950: #1b1c0e;
}SCSS
$ancient-bonsai: #73754c;
$ancient-bonsai-rgb: 115, 117, 76;
$ancient-bonsai-light: mix(#fff, $ancient-bonsai, 20%);
$ancient-bonsai-dark: mix(#000, $ancient-bonsai, 20%);
.element {
color: $ancient-bonsai;
box-shadow: 0 0 0 2px rgba($ancient-bonsai, 0.35);
}