Nazwany kolor · #99DD00
Green Minions
Green Minions to #99DD00: rgb(153 221 0), hsl(78 100% 43%), oklch(0.821 0.216 128.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Minions color name →
#99DD00
oklch(0.821 0.216 128.6)
Konwersje koloru
- HEX
- #99dd00
- RGB
- rgb(153 221 0)
- HSL
- hsl(78 100% 43%)
- HWB
- hwb(78 0% 13%)
- OKLCH
- oklch(0.821 0.216 128.6)
- OKLab
- oklab(0.821 -0.135 0.169)
- CIE Lab
- lab(81.25 -40.95 77.89)
- LCH
- lch(81.25 88 117.7)
- CMYK
- cmyk(31% 0% 100% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3E141
- ADE560
- B7E978
- C2EC8E
- CCF0A2
- D6F3B5
- E0F6C8
- EAF9DB
- F5FCED
Odcienie ciemniejsze
- 84C000
- 70A400
- 5D8800
- 4A6E00
- 385500
- 273D00
- 172600
- 081100
- 010200
Tony
- 97D42F
- 94CA43
- 92C150
- 90B85B
- 8DAF64
- 8BA56B
- 889C71
- 859377
- 83897C
Harmonie kolorów
Komplementarna +180°
- 99DD00
Green Minions
- DAAFFF
≈ Mauve
Analogowa -30° +30°
- 99DD00
Green Minions
- E1C400
≈ Zhohltyi Yellow
- 00E895
≈ Mega Teal
Triada +120° +240°
- 99DD00
Green Minions
- 94CAFF
≈ Apocyan
- FFA8B7
≈ A Brand New Day
Komplementarna rozszczepiona +150° +210°
- 99DD00
Green Minions
- B7BFFF
≈ Dried Lilac
- FF9FE3
≈ Lavender Rose
Tetrada +90° +180° +270°
- 99DD00
Green Minions
- 3BD9FF
≈ Berta Blue
- DAAFFF
≈ Mauve
- FFAD93
≈ Peach Nectar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.69:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-minions: #99dd00;
--green-minions-rgb: 153 221 0;
--green-minions-oklch: oklch(0.821 0.216 128.6);
}
.element {
color: var(--green-minions);
background-color: hsl(78 100% 43%);
border-color: oklch(0.821 0.216 128.6);
}Tailwind CSS v4
@theme {
--color-green-minions: #99dd00;
--color-green-minions-50: #e0ffc1;
--color-green-minions-100: #cff7aa;
--color-green-minions-200: #b4e782;
--color-green-minions-300: #90cd49;
--color-green-minions-400: #77b400;
--color-green-minions-500: #589d00;
--color-green-minions-600: #4b8500;
--color-green-minions-700: #3c6a00;
--color-green-minions-800: #2e4e00;
--color-green-minions-900: #1f3600;
--color-green-minions-950: #0f2100;
}SCSS
$green-minions: #99dd00;
$green-minions-rgb: 153, 221, 0;
$green-minions-light: mix(#fff, $green-minions, 20%);
$green-minions-dark: mix(#000, $green-minions, 20%);
.element {
color: $green-minions;
box-shadow: 0 0 0 2px rgba($green-minions, 0.35);
}