Nazwany kolor · #A7E142
Dynamic Green
Dynamic Green to #A7E142: rgb(167 225 66), hsl(82 73% 57%), oklch(0.841 0.192 127.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Dynamic Green color name →
#A7E142
oklch(0.841 0.192 127.7)
Konwersje koloru
- HEX
- #a7e142
- RGB
- rgb(167 225 66)
- HSL
- hsl(82 73% 57%)
- HWB
- hwb(82 26% 12%)
- OKLCH
- oklch(0.841 0.192 127.7)
- OKLab
- oklab(0.841 -0.118 0.152)
- CIE Lab
- lab(83.39 -35.96 66.96)
- LCH
- lch(83.39 76.01 118.2)
- CMYK
- cmyk(26% 0% 71% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0E55D
- B8E874
- C1EB88
- CAEE9A
- D3F1AC
- DBF4BD
- E4F7CE
- EDFADF
- F6FDEF
Odcienie ciemniejsze
- 91C438
- 7BA72F
- 668B25
- 52701C
- 3E5614
- 2C3E0B
- 1A2705
- 0A1201
- 010200
Tony
- A3D74F
- 9FCD59
- 9BC461
- 98BA68
- 94B06E
- 90A773
- 8C9D77
- 88937A
- 848A7D
Harmonie kolorów
Komplementarna +180°
- A7E142
Dynamic Green
- DDB9FF
≈ Lavender Fragrance
Analogowa -30° +30°
- A7E142
Dynamic Green
- EACA00
≈ Golden Crescent
- 21EF98
≈ Turquoise Green
Triada +120° +240°
- A7E142
Dynamic Green
- 9FD0FF
≈ Baby Blue
- FFB2C0
≈ Soft Pink
Komplementarna rozszczepiona +150° +210°
- A7E142
Dynamic Green
- BEC7FF
≈ Light Periwinkle
- FFABE7
≈ Pink Wink
Tetrada +90° +180° +270°
- A7E142
Dynamic Green
- 5CDEFF
≈ Ionized-Air Glow
- DDB9FF
≈ Lavender Fragrance
- FFB7A1
≈ Nature Apricot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.49:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.49:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--dynamic-green: #a7e142;
--dynamic-green-rgb: 167 225 66;
--dynamic-green-oklch: oklch(0.841 0.192 127.7);
}
.element {
color: var(--dynamic-green);
background-color: hsl(82 73% 57%);
border-color: oklch(0.841 0.192 127.7);
}Tailwind CSS v4
@theme {
--color-dynamic-green: #a7e142;
--color-dynamic-green-50: #e3ffc7;
--color-dynamic-green-100: #d3f5b1;
--color-dynamic-green-200: #bae58b;
--color-dynamic-green-300: #97ca59;
--color-dynamic-green-400: #7eb200;
--color-dynamic-green-500: #619b00;
--color-dynamic-green-600: #528300;
--color-dynamic-green-700: #426900;
--color-dynamic-green-800: #324c00;
--color-dynamic-green-900: #223500;
--color-dynamic-green-950: #112000;
}SCSS
$dynamic-green: #a7e142;
$dynamic-green-rgb: 167, 225, 66;
$dynamic-green-light: mix(#fff, $dynamic-green, 20%);
$dynamic-green-dark: mix(#000, $dynamic-green, 20%);
.element {
color: $dynamic-green;
box-shadow: 0 0 0 2px rgba($dynamic-green, 0.35);
}