Colore con nome · #89CE01
Green Cape
Green Cape è #89CE01: rgb(137 206 1), hsl(80 99% 41%), oklch(0.775 0.208 129.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Cape color name →
#89CE01
oklch(0.775 0.208 129.8)
Conversioni di colore
- HEX
- #89ce01
- RGB
- rgb(137 206 1)
- HSL
- hsl(80 99% 41%)
- HWB
- hwb(80 0% 19%)
- OKLCH
- oklch(0.775 0.208 129.8)
- OKLab
- oklab(0.775 -0.133 0.16)
- CIE Lab
- lab(75.96 -40.77 73.42)
- LCH
- lch(75.96 83.98 119)
- CMYK
- cmyk(33% 0% 100% 19%)
Tinte · Ombre · Toni
Tinte
- 95D43E
- A1D95C
- ACDE74
- B8E38A
- C4E89F
- CFEDB3
- DBF2C6
- E7F6D9
- F3FBEC
Ombre
- 76B301
- 649801
- 537F00
- 426600
- 314E00
- 223800
- 142300
- 070F00
- 010200
Toni
- 88C62D
- 88BF40
- 87B74D
- 86AF58
- 86A861
- 85A069
- 849870
- 829076
- 81887B
Armonie di colore
Complementare +180°
- 89CE01
Green Cape
- D498FF
≈ Plasma Trail
Analogo -30° +30°
- 89CE01
Green Cape
- CFB700
≈ Lionhead
- 00D78D
≈ Envy’s Love
Triadico +120° +240°
- 89CE01
Green Cape
- 78BBFF
≈ Cooler Than Ever
- FF8FA2
≈ Charming Cherry
Complementare divisa +150° +210°
- 89CE01
Green Cape
- A7AEFF
≈ Shy Moment
- FF83DA
≈ Pink Delight
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.89:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--green-cape: #89ce01;
--green-cape-rgb: 137 206 1;
--green-cape-oklch: oklch(0.775 0.208 129.8);
}
.element {
color: var(--green-cape);
background-color: hsl(80 99% 41%);
border-color: oklch(0.775 0.208 129.8);
}Tailwind CSS v4
@theme {
--color-green-cape: #89ce01;
--color-green-cape-50: #e0ffc4;
--color-green-cape-100: #cff7ae;
--color-green-cape-200: #b3e787;
--color-green-cape-300: #8fcd53;
--color-green-cape-400: #75b400;
--color-green-cape-500: #559d00;
--color-green-cape-600: #498500;
--color-green-cape-700: #3a6b00;
--color-green-cape-800: #2d4e00;
--color-green-cape-900: #1e3600;
--color-green-cape-950: #0e2100;
}SCSS
$green-cape: #89ce01;
$green-cape-rgb: 137, 206, 1;
$green-cape-light: mix(#fff, $green-cape, 20%);
$green-cape-dark: mix(#000, $green-cape, 20%);
.element {
color: $green-cape;
box-shadow: 0 0 0 2px rgba($green-cape, 0.35);
}