Colore con nome · #47644B
Vizcaya Palm
Vizcaya Palm è #47644B: rgb(71 100 75), hsl(128 17% 34%), oklch(0.473 0.053 148.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Vizcaya Palm color name →
#47644B
oklch(0.473 0.053 148.3)
Conversioni di colore
- HEX
- #47644b
- RGB
- rgb(71 100 75)
- HSL
- hsl(128 17% 34%)
- HWB
- hwb(128 28% 61%)
- OKLCH
- oklch(0.473 0.053 148.3)
- OKLab
- oklab(0.473 -0.045 0.028)
- CIE Lab
- lab(39.52 -15.38 10.66)
- LCH
- lch(39.52 18.71 145.3)
- CMYK
- cmyk(29% 0% 25% 61%)
Tinte · Ombre · Toni
Tinte
- 58725B
- 69816C
- 7B907D
- 8D9F8F
- 9FAFA1
- B2BEB3
- C4CEC5
- D8DED8
- EBEEEC
Ombre
- 3D5640
- 324835
- 283B2B
- 1F2E21
- 162217
- 0D160E
- 060B06
- 020302
- 000000
Toni
- 4D6750
- 536A55
- 586C5B
- 5E6F60
- 647265
- 69756B
- 6F7870
- 757A75
- 7A7D7B
Armonie di colore
Complementare +180°
- 47644B
Vizcaya Palm
- 6C516B
≈ Hibernation
Analogo -30° +30°
- 47644B
Vizcaya Palm
- 59603E
≈ Lovers Pine
- 38655C
≈ Forest Greenery
Triadico +120° +240°
- 47644B
Vizcaya Palm
- 4F5B7A
≈ Blue Indigo
- 77504B
≈ False Morel
Complementare divisa +150° +210°
- 47644B
Vizcaya Palm
- 5F5576
≈ Taylor
- 744F5B
≈ Fine Wine
Tetradico +90° +180° +270°
- 47644B
Vizcaya Palm
- 3F6076
≈ Steel Blue Grey
- 6C516B
≈ Hibernation
- 72543E
≈ Moose Fur
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.57:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.19:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--vizcaya-palm: #47644b;
--vizcaya-palm-rgb: 71 100 75;
--vizcaya-palm-oklch: oklch(0.473 0.053 148.3);
}
.element {
color: var(--vizcaya-palm);
background-color: hsl(128 17% 34%);
border-color: oklch(0.473 0.053 148.3);
}Tailwind CSS v4
@theme {
--color-vizcaya-palm: #47644b;
--color-vizcaya-palm-50: #ebfaed;
--color-vizcaya-palm-100: #dceddf;
--color-vizcaya-palm-200: #c5dbc9;
--color-vizcaya-palm-300: #a5bfaa;
--color-vizcaya-palm-400: #8aa78d;
--color-vizcaya-palm-500: #6e9073;
--color-vizcaya-palm-600: #5e7a61;
--color-vizcaya-palm-700: #4b624e;
--color-vizcaya-palm-800: #374738;
--color-vizcaya-palm-900: #253226;
--color-vizcaya-palm-950: #141d14;
}SCSS
$vizcaya-palm: #47644b;
$vizcaya-palm-rgb: 71, 100, 75;
$vizcaya-palm-light: mix(#fff, $vizcaya-palm, 20%);
$vizcaya-palm-dark: mix(#000, $vizcaya-palm, 20%);
.element {
color: $vizcaya-palm;
box-shadow: 0 0 0 2px rgba($vizcaya-palm, 0.35);
}