Nazwany kolor · #11BB00
Green Gamora
Green Gamora to #11BB00: rgb(17 187 0), hsl(115 100% 37%), oklch(0.687 0.232 142.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Gamora color name →
#11BB00
oklch(0.687 0.232 142.2)
Konwersje koloru
- HEX
- #11bb00
- RGB
- rgb(17 187 0)
- HSL
- hsl(115 100% 37%)
- HWB
- hwb(115 0% 27%)
- OKLCH
- oklch(0.687 0.232 142.2)
- OKLab
- oklab(0.687 -0.183 0.142)
- CIE Lab
- lab(66.33 -61.97 64.28)
- LCH
- lch(66.33 89.28 134)
- CMYK
- cmyk(91% 0% 100% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 42C338
- 5ECA55
- 75D16D
- 8BD883
- 9FDF99
- B3E6AD
- C6ECC2
- D9F3D6
- ECF9EB
Odcienie ciemniejsze
- 0DA200
- 098A00
- 067300
- 045C00
- 024600
- 013200
- 001F00
- 000D00
- 000200
Tony
- 31B628
- 42B03A
- 4FAA47
- 59A552
- 629F5C
- 699964
- 70936C
- 768D73
- 7B877A
Harmonie kolorów
Komplementarna +180°
- 11BB00
Green Gamora
- DA5BED
≈ Clematis Magenta
Analogowa -30° +30°
- 11BB00
Green Gamora
- 9DA300
≈ Fistfull of Green
- 00B491
≈ Aloha
Triada +120° +240°
- 11BB00
Green Gamora
- 6197FF
≈ Blue Chaos
- FF585E
≈ Fluorescent Red
Komplementarna rozszczepiona +150° +210°
- 11BB00
Green Gamora
- 9F81FF
≈ Periwinkle
- FD48A9
≈ Barbie Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.58:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.13:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.13:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-gamora: #11bb00;
--green-gamora-rgb: 17 187 0;
--green-gamora-oklch: oklch(0.687 0.232 142.2);
}
.element {
color: var(--green-gamora);
background-color: hsl(115 100% 37%);
border-color: oklch(0.687 0.232 142.2);
}Tailwind CSS v4
@theme {
--color-green-gamora: #11bb00;
--color-green-gamora-50: #cdffcb;
--color-green-gamora-100: #b8fdb7;
--color-green-gamora-200: #93ee93;
--color-green-gamora-300: #60d564;
--color-green-gamora-400: #2ebe24;
--color-green-gamora-500: #00a700;
--color-green-gamora-600: #008e00;
--color-green-gamora-700: #007200;
--color-green-gamora-800: #005300;
--color-green-gamora-900: #003a00;
--color-green-gamora-950: #002400;
}SCSS
$green-gamora: #11bb00;
$green-gamora-rgb: 17, 187, 0;
$green-gamora-light: mix(#fff, $green-gamora, 20%);
$green-gamora-dark: mix(#000, $green-gamora, 20%);
.element {
color: $green-gamora;
box-shadow: 0 0 0 2px rgba($green-gamora, 0.35);
}