Colore con nome · #998800
Medusa Green
Medusa Green è #998800: rgb(153 136 0), hsl(53 100% 30%), oklch(0.623 0.13 100.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Medusa Green color name →
#998800
oklch(0.623 0.13 100.5)
Conversioni di colore
- HEX
- #998800
- RGB
- rgb(153 136 0)
- HSL
- hsl(53 100% 30%)
- HWB
- hwb(53 0% 40%)
- OKLCH
- oklch(0.623 0.13 100.5)
- OKLab
- oklab(0.623 -0.024 0.128)
- CIE Lab
- lab(56.82 -2.12 60.54)
- LCH
- lch(56.82 60.58 92)
- CMYK
- cmyk(0% 11% 100% 40%)
Tinte · Ombre · Toni
Tinte
- A39433
- ACA04E
- B6AB66
- C0B77D
- CAC393
- D5CFA8
- DFDBBE
- EAE7D4
- F4F3E9
Ombre
- 847500
- 706300
- 5D5200
- 4A4100
- 383100
- 272200
- 171300
- 080600
- 010100
Toni
- 968823
- 948735
- 918642
- 8F864D
- 8C8557
- 8A8460
- 878369
- 858271
- 828178
Armonie di colore
Complementare +180°
- 998800
Medusa Green
- 797CD3
≈ Kickstart Purple
Analogo -30° +30°
- 998800
Medusa Green
- B87712
≈ Caramel Coating
- 6C963B
≈ Bitter Leaf
Triadico +120° +240°
- 998800
Medusa Green
- 0096B7
≈ Bondi Blue
- BA659F
≈ Pearly Purple
Complementare divisa +150° +210°
- 998800
Medusa Green
- 438BD2
≈ Magical Merlin
- 9F6FC1
≈ Viola
Tetradico +90° +180° +270°
- 998800
Medusa Green
- 009B96
≈ Caribbean Turquoise
- 797CD3
≈ Kickstart Purple
- C86274
≈ Triple Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.57:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.87:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.87:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--medusa-green: #998800;
--medusa-green-rgb: 153 136 0;
--medusa-green-oklch: oklch(0.623 0.13 100.5);
}
.element {
color: var(--medusa-green);
background-color: hsl(53 100% 30%);
border-color: oklch(0.623 0.13 100.5);
}Tailwind CSS v4
@theme {
--color-medusa-green: #998800;
--color-medusa-green-50: #fcf7cd;
--color-medusa-green-100: #f0eab8;
--color-medusa-green-200: #ded796;
--color-medusa-green-300: #c4ba69;
--color-medusa-green-400: #b0a038;
--color-medusa-green-500: #9a8700;
--color-medusa-green-600: #827200;
--color-medusa-green-700: #685b00;
--color-medusa-green-800: #4e4200;
--color-medusa-green-900: #362e00;
--color-medusa-green-950: #211a00;
}SCSS
$medusa-green: #998800;
$medusa-green-rgb: 153, 136, 0;
$medusa-green-light: mix(#fff, $medusa-green, 20%);
$medusa-green-dark: mix(#000, $medusa-green, 20%);
.element {
color: $medusa-green;
box-shadow: 0 0 0 2px rgba($medusa-green, 0.35);
}