Colore con nome · #54622E
Basil Green
Basil Green è #54622E: rgb(84 98 46), hsl(76 36% 28%), oklch(0.471 0.077 121.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Basil Green color name →
#54622E
oklch(0.471 0.077 121.9)
Conversioni di colore
- HEX
- #54622e
- RGB
- rgb(84 98 46)
- HSL
- hsl(76 36% 28%)
- HWB
- hwb(76 18% 62%)
- OKLCH
- oklch(0.471 0.077 121.9)
- OKLab
- oklab(0.471 -0.041 0.066)
- CIE Lab
- lab(39.4 -12.33 27.4)
- LCH
- lch(39.4 30.04 114.2)
- CMYK
- cmyk(14% 0% 53% 62%)
Tinte · Ombre · Toni
Tinte
- 637142
- 738056
- 838F6A
- 949E7E
- A5AE93
- B6BEA8
- C8CEBD
- DADED3
- ECEEE9
Ombre
- 485427
- 3C471F
- 313A18
- 262D12
- 1B210B
- 111606
- 080B02
- 020301
- 000000
Toni
- 586537
- 5C6840
- 616B48
- 656E50
- 697158
- 6E7460
- 727768
- 777A70
- 7B7D78
Armonie di colore
Complementare +180°
- 54622E
Basil Green
- 635080
≈ Virtual Violet
Analogo -30° +30°
- 54622E
Basil Green
- 6B5A22
≈ Bean Green
- 376845
≈ Thousand Years Green
Triadico +120° +240°
- 54622E
Basil Green
- 2F6083
≈ Pelagic
- 7F4858
≈ Haunting Melody
Complementare divisa +150° +210°
- 54622E
Basil Green
- 4C5887
≈ Wizard
- 754A6F
≈ Old Fashioned Purple
Tetradico +90° +180° +270°
- 54622E
Basil Green
- 116674
≈ Bold Bolection
- 635080
≈ Virtual Violet
- 814A3F
≈ Deco Red
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.63:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.16:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--basil-green: #54622e;
--basil-green-rgb: 84 98 46;
--basil-green-oklch: oklch(0.471 0.077 121.9);
}
.element {
color: var(--basil-green);
background-color: hsl(76 36% 28%);
border-color: oklch(0.471 0.077 121.9);
}Tailwind CSS v4
@theme {
--color-basil-green: #54622e;
--color-basil-green-50: #f0f9e1;
--color-basil-green-100: #e2edd1;
--color-basil-green-200: #cddab6;
--color-basil-green-300: #afbf93;
--color-basil-green-400: #97a673;
--color-basil-green-500: #7e8e53;
--color-basil-green-600: #6a7847;
--color-basil-green-700: #556038;
--color-basil-green-800: #3f4627;
--color-basil-green-900: #2b311a;
--color-basil-green-950: #191d0b;
}SCSS
$basil-green: #54622e;
$basil-green-rgb: 84, 98, 46;
$basil-green-light: mix(#fff, $basil-green, 20%);
$basil-green-dark: mix(#000, $basil-green, 20%);
.element {
color: $basil-green;
box-shadow: 0 0 0 2px rgba($basil-green, 0.35);
}