Colore con nome · #648149
Talipot Palm
Talipot Palm è #648149: rgb(100 129 73), hsl(91 28% 40%), oklch(0.566 0.088 131.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Talipot Palm color name →
#648149
oklch(0.566 0.088 131.1)
Conversioni di colore
- HEX
- #648149
- RGB
- rgb(100 129 73)
- HSL
- hsl(91 28% 40%)
- HWB
- hwb(91 29% 49%)
- OKLCH
- oklch(0.566 0.088 131.1)
- OKLab
- oklab(0.566 -0.057 0.066)
- CIE Lab
- lab(50.66 -18.63 26.77)
- LCH
- lch(50.66 32.62 124.8)
- CMYK
- cmyk(22% 0% 43% 49%)
Tinte · Ombre · Toni
Tinte
- 728D5B
- 81996C
- 90A67E
- 9FB290
- AFBFA2
- BECBB4
- CED8C6
- DEE5D9
- EFF2EC
Ombre
- 566F3E
- 485E34
- 3B4E2A
- 2E3E20
- 222E17
- 161F0E
- 0B1206
- 030602
- 000100
Toni
- 67814F
- 6A8155
- 6D815B
- 6F8160
- 728166
- 75816B
- 788171
- 7A8076
- 7D807B
Armonie di colore
Complementare +180°
- 648149
Talipot Palm
- 87679C
≈ Dark Lavender
Analogo -30° +30°
- 648149
Talipot Palm
- 817836
≈ Evening Green
- 418665
≈ Mallard Green
Triadico +120° +240°
- 648149
Talipot Palm
- 4E7AA8
≈ Into the Blue
- A36069
≈ Pizza Pie
Complementare divisa +150° +210°
- 648149
Talipot Palm
- 6D70A9
≈ Jacaranda Jazz
- 996186
≈ Raspberry Jelly Red
Tetradico +90° +180° +270°
- 648149
Talipot Palm
- 2D829B
≈ Kings of Sea
- 87679C
≈ Dark Lavender
- A2644D
≈ Spiced Carrot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.39:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.77:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.77:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--talipot-palm: #648149;
--talipot-palm-rgb: 100 129 73;
--talipot-palm-oklch: oklch(0.566 0.088 131.1);
}
.element {
color: var(--talipot-palm);
background-color: hsl(91 28% 40%);
border-color: oklch(0.566 0.088 131.1);
}Tailwind CSS v4
@theme {
--color-talipot-palm: #648149;
--color-talipot-palm-50: #ecfbe2;
--color-talipot-palm-100: #ddefd1;
--color-talipot-palm-200: #c6ddb7;
--color-talipot-palm-300: #a6c294;
--color-talipot-palm-400: #8ca973;
--color-talipot-palm-500: #729253;
--color-talipot-palm-600: #607c47;
--color-talipot-palm-700: #4d6338;
--color-talipot-palm-800: #394827;
--color-talipot-palm-900: #27321a;
--color-talipot-palm-950: #151e0a;
}SCSS
$talipot-palm: #648149;
$talipot-palm-rgb: 100, 129, 73;
$talipot-palm-light: mix(#fff, $talipot-palm, 20%);
$talipot-palm-dark: mix(#000, $talipot-palm, 20%);
.element {
color: $talipot-palm;
box-shadow: 0 0 0 2px rgba($talipot-palm, 0.35);
}