Nazwany kolor · #8DB051
Parrot Green
Parrot Green to #8DB051: rgb(141 176 81), hsl(82 38% 50%), oklch(0.71 0.13 126.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Parrot Green color name →
#8DB051
oklch(0.71 0.13 126.3)
Konwersje koloru
- HEX
- #8db051
- RGB
- rgb(141 176 81)
- HSL
- hsl(82 38% 50%)
- HWB
- hwb(82 32% 31%)
- OKLCH
- oklch(0.71 0.13 126.3)
- OKLab
- oklab(0.71 -0.077 0.104)
- CIE Lab
- lab(67.69 -23.76 43.81)
- LCH
- lch(67.69 49.84 118.5)
- CMYK
- cmyk(20% 0% 54% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98B864
- A3C076
- AEC888
- B9D099
- C5D8AA
- D0E0BB
- DCE8CC
- E7EFDD
- F3F7EE
Odcienie ciemniejsze
- 7A9945
- 67823A
- 556C2F
- 445624
- 33421A
- 232E10
- 141C07
- 070B02
- 010100
Tony
- 8CAB58
- 8AA75E
- 89A263
- 889D68
- 87986D
- 859471
- 848F75
- 838A79
- 81857D
Harmonie kolorów
Komplementarna +180°
- 8DB051
Parrot Green
- B68BE1
≈ Luminous Lavender
Analogowa -30° +30°
- 8DB051
Parrot Green
- B9A131
≈ Pollen Storm
- 52B97F
≈ Aragon Green
Triada +120° +240°
- 8DB051
Parrot Green
- 56A8ED
≈ Cerulean
- E57D95
≈ Carissima
Komplementarna rozszczepiona +150° +210°
- 8DB051
Parrot Green
- 8C99F2
≈ Periwinkle Blue
- D481C0
≈ Pink Punk
Tetrada +90° +180° +270°
- 8DB051
Parrot Green
- 00B4D4
≈ Aquarius
- B68BE1
≈ Luminous Lavender
- E68267
≈ Brewed Mustard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.46:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.46:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--parrot-green: #8db051;
--parrot-green-rgb: 141 176 81;
--parrot-green-oklch: oklch(0.71 0.13 126.3);
}
.element {
color: var(--parrot-green);
background-color: hsl(82 38% 50%);
border-color: oklch(0.71 0.13 126.3);
}Tailwind CSS v4
@theme {
--color-parrot-green: #8db051;
--color-parrot-green-50: #eafdd6;
--color-parrot-green-100: #dbf1c3;
--color-parrot-green-200: #c4dfa4;
--color-parrot-green-300: #a4c47c;
--color-parrot-green-400: #8bac53;
--color-parrot-green-500: #709525;
--color-parrot-green-600: #5f7e22;
--color-parrot-green-700: #4c651b;
--color-parrot-green-800: #394a0f;
--color-parrot-green-900: #273309;
--color-parrot-green-950: #151f00;
}SCSS
$parrot-green: #8db051;
$parrot-green-rgb: 141, 176, 81;
$parrot-green-light: mix(#fff, $parrot-green, 20%);
$parrot-green-dark: mix(#000, $parrot-green, 20%);
.element {
color: $parrot-green;
box-shadow: 0 0 0 2px rgba($parrot-green, 0.35);
}