Najbliższy nazwany kolor · #7AC47A
#7AC47A
Najbliższy nazwany kolor: Exhilarating Green
#7AC47A (rgb(122 196 122), hsl(120 39% 62%), oklch(0.753 0.128 144.2)) jest najbliższy nazwanemu kolorowi Exhilarating Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7AC47A
oklch(0.753 0.128 144.2)
Konwersje koloru
- HEX
- #7ac47a
- RGB
- rgb(122 196 122)
- HSL
- hsl(120 39% 62%)
- HWB
- hwb(120 48% 23%)
- OKLCH
- oklch(0.753 0.128 144.2)
- OKLab
- oklab(0.753 -0.104 0.075)
- CIE Lab
- lab(72.95 -35.32 29.64)
- LCH
- lch(72.95 46.11 140)
- CMYK
- cmyk(38% 0% 38% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 88CA87
- 96D095
- A3D6A2
- B0DCAF
- BEE2BC
- CBE8CA
- D8EED7
- E5F4E4
- F2F9F2
Odcienie ciemniejsze
- 69AA69
- 599159
- 497849
- 3A613A
- 2B4A2B
- 1D351D
- 102110
- 050E05
- 010201
Tony
- 7CBD7B
- 7DB67C
- 7EB07D
- 7FA97E
- 80A27F
- 809B7F
- 809480
- 808E80
- 808780
Harmonie kolorów
Komplementarna +180°
- 7AC47A
Exhilarating Green
- D792DC
≈ Somewhere in a Fairytale
Analogowa -30° +30°
- 7AC47A
Exhilarating Green
- AEB851
≈ Japanese Fern
- 3BC9A9
≈ Disc Jockey
Triada +120° +240°
- 7AC47A
Exhilarating Green
- 86ADFF
≈ Kitten’s Eye
- F58D87
≈ Ibis Wing
Komplementarna rozszczepiona +150° +210°
- 7AC47A
Exhilarating Green
- B49EF8
≈ Shy Moment
- ED8BB4
≈ Brown Knapweed
Tetrada +90° +180° +270°
- 7AC47A
Exhilarating Green
- 4DBCF3
≈ Megaman
- D792DC
≈ Somewhere in a Fairytale
- ED975C
≈ Topaz Yellow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.00:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--exhilarating-green: #7ac47a;
--exhilarating-green-rgb: 122 196 122;
--exhilarating-green-oklch: oklch(0.753 0.128 144.2);
}
.element {
color: var(--exhilarating-green);
background-color: hsl(120 39% 62%);
border-color: oklch(0.753 0.128 144.2);
}Tailwind CSS v4
@theme {
--color-exhilarating-green: #7ac47a;
--color-exhilarating-green-50: #dfffe0;
--color-exhilarating-green-100: #cdf4cf;
--color-exhilarating-green-200: #b1e4b4;
--color-exhilarating-green-300: #8cc990;
--color-exhilarating-green-400: #6db26d;
--color-exhilarating-green-500: #499b4c;
--color-exhilarating-green-600: #3f8341;
--color-exhilarating-green-700: #326933;
--color-exhilarating-green-800: #264d22;
--color-exhilarating-green-900: #193617;
--color-exhilarating-green-950: #092108;
}SCSS
$exhilarating-green: #7ac47a;
$exhilarating-green-rgb: 122, 196, 122;
$exhilarating-green-light: mix(#fff, $exhilarating-green, 20%);
$exhilarating-green-dark: mix(#000, $exhilarating-green, 20%);
.element {
color: $exhilarating-green;
box-shadow: 0 0 0 2px rgba($exhilarating-green, 0.35);
}