Colore con nome · #93B881
Willow Dyed
Willow Dyed è #93B881: rgb(147 184 129), hsl(100 28% 61%), oklch(0.741 0.086 135.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Willow Dyed color name →
#93B881
oklch(0.741 0.086 135.7)
Conversioni di colore
- HEX
- #93b881
- RGB
- rgb(147 184 129)
- HSL
- hsl(100 28% 61%)
- HWB
- hwb(100 51% 28%)
- OKLCH
- oklch(0.741 0.086 135.7)
- OKLab
- oklab(0.741 -0.062 0.06)
- CIE Lab
- lab(71 -20.64 23.78)
- LCH
- lch(71 31.49 130.9)
- CMYK
- cmyk(20% 0% 30% 28%)
Tinte · Ombre · Toni
Tinte
- 9EBF8D
- A8C69A
- B3CDA6
- BDD4B3
- C8DBBF
- D3E2CC
- DEEAD9
- E9F1E5
- F4F8F2
Ombre
- 7FA06F
- 6C885E
- 59714E
- 475B3E
- 36452E
- 25311F
- 161E12
- 080C06
- 010201
Toni
- 91B281
- 8FAD81
- 8EA782
- 8CA182
- 8A9C81
- 889681
- 869181
- 848B81
- 828680
Armonie di colore
Complementare +180°
- 93B881
Willow Dyed
- C19BD1
≈ Mauve Mist
Analogo -30° +30°
- 93B881
Willow Dyed
- B2AF6D
≈ Rodham
- 74BD9E
≈ Arboretum
Triadico +120° +240°
- 93B881
Willow Dyed
- 87AEE1
≈ Queer Blue
- DC9599
≈ Dancer
Complementare divisa +150° +210°
- 93B881
Willow Dyed
- A6A4E0
≈ Simply Violet
- D495B7
≈ Soft Fuchsia
Tetradico +90° +180° +270°
- 93B881
Willow Dyed
- 6BB7D5
≈ Baby Tears
- C19BD1
≈ Mauve Mist
- D99A7D
≈ Dazzle and Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.41:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--willow-dyed: #93b881;
--willow-dyed-rgb: 147 184 129;
--willow-dyed-oklch: oklch(0.741 0.086 135.7);
}
.element {
color: var(--willow-dyed);
background-color: hsl(100 28% 61%);
border-color: oklch(0.741 0.086 135.7);
}Tailwind CSS v4
@theme {
--color-willow-dyed: #93b881;
--color-willow-dyed-50: #eafce4;
--color-willow-dyed-100: #daefd3;
--color-willow-dyed-200: #c3deba;
--color-willow-dyed-300: #a2c297;
--color-willow-dyed-400: #88aa77;
--color-willow-dyed-500: #6c9358;
--color-willow-dyed-600: #5c7d4b;
--color-willow-dyed-700: #49643c;
--color-willow-dyed-800: #364929;
--color-willow-dyed-900: #25331c;
--color-willow-dyed-950: #131e0c;
}SCSS
$willow-dyed: #93b881;
$willow-dyed-rgb: 147, 184, 129;
$willow-dyed-light: mix(#fff, $willow-dyed, 20%);
$willow-dyed-dark: mix(#000, $willow-dyed, 20%);
.element {
color: $willow-dyed;
box-shadow: 0 0 0 2px rgba($willow-dyed, 0.35);
}