Colore con nome · #64A281
Plumosa
Plumosa è #64A281: rgb(100 162 129), hsl(148 25% 51%), oklch(0.661 0.082 159.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Plumosa color name →
#64A281
oklch(0.661 0.082 159.8)
Conversioni di colore
- HEX
- #64a281
- RGB
- rgb(100 162 129)
- HSL
- hsl(148 25% 51%)
- HWB
- hwb(148 39% 36%)
- OKLCH
- oklch(0.661 0.082 159.8)
- OKLab
- oklab(0.661 -0.077 0.028)
- CIE Lab
- lab(61.71 -26.63 10.63)
- LCH
- lch(61.71 28.67 158.2)
- CMYK
- cmyk(38% 0% 20% 36%)
Tinte · Ombre · Toni
Tinte
- 74AB8D
- 83B499
- 93BEA5
- A2C7B2
- B2D0BE
- C1D9CB
- D0E3D8
- E0ECE5
- EFF6F2
Ombre
- 568C6F
- 48775E
- 3B634E
- 2E4F3E
- 223C2E
- 162A1F
- 0B1912
- 030A06
- 000101
Toni
- 689F81
- 6B9B81
- 6F9881
- 729581
- 749181
- 778E81
- 7A8A80
- 7C8780
- 7E8380
Armonie di colore
Complementare +180°
- 64A281
Plumosa
- B47FA2
≈ Purple Cheeks
Analogo -30° +30°
- 64A281
Plumosa
- 829D67
≈ Green Sky
- 4FA39D
≈ Teal Bayou
Triadico +120° +240°
- 64A281
Plumosa
- 888DC4
≈ Carriage Ride
- BE816C
≈ Kitchen Terra Cotta
Complementare divisa +150° +210°
- 64A281
Plumosa
- A285B8
≈ Peony Mauve
- BE7D87
≈ Lipstick Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.02:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--plumosa: #64a281;
--plumosa-rgb: 100 162 129;
--plumosa-oklch: oklch(0.661 0.082 159.8);
}
.element {
color: var(--plumosa);
background-color: hsl(148 25% 51%);
border-color: oklch(0.661 0.082 159.8);
}Tailwind CSS v4
@theme {
--color-plumosa: #64a281;
--color-plumosa-50: #e2fdee;
--color-plumosa-100: #d1f1e0;
--color-plumosa-200: #b6e0ca;
--color-plumosa-300: #92c5ab;
--color-plumosa-400: #73ae8e;
--color-plumosa-500: #519773;
--color-plumosa-600: #468062;
--color-plumosa-700: #38664e;
--color-plumosa-800: #284b37;
--color-plumosa-900: #1b3426;
--color-plumosa-950: #0b1f14;
}SCSS
$plumosa: #64a281;
$plumosa-rgb: 100, 162, 129;
$plumosa-light: mix(#fff, $plumosa, 20%);
$plumosa-dark: mix(#000, $plumosa, 20%);
.element {
color: $plumosa;
box-shadow: 0 0 0 2px rgba($plumosa, 0.35);
}