Nazwany kolor · #4C8C72
Aegean Green
Aegean Green to #4C8C72: rgb(76 140 114), hsl(156 30% 42%), oklch(0.589 0.078 165.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Aegean Green color name →
#4C8C72
oklch(0.589 0.078 165.6)
Konwersje koloru
- HEX
- #4c8c72
- RGB
- rgb(76 140 114)
- HSL
- hsl(156 30% 42%)
- HWB
- hwb(156 30% 45%)
- OKLCH
- oklch(0.589 0.078 165.6)
- OKLab
- oklab(0.589 -0.076 0.019)
- CIE Lab
- lab(53.42 -26.41 7.24)
- LCH
- lch(53.42 27.39 164.7)
- CMYK
- cmyk(46% 0% 19% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F977F
- 71A28D
- 82AE9A
- 94B9A8
- A6C4B6
- B7D0C4
- C9DCD3
- DBE7E1
- EDF3F0
Odcienie ciemniejsze
- 417962
- 366753
- 2C5544
- 224336
- 183328
- 0F231B
- 06140E
- 020704
- 000101
Tony
- 538B73
- 598A75
- 5F8976
- 648878
- 698679
- 6E857A
- 73847C
- 77837D
- 7C817F
Harmonie kolorów
Komplementarna +180°
- 4C8C72
Aegean Green
- 9F6A87
≈ Pink Jazz
Analogowa -30° +30°
- 4C8C72
Aegean Green
- 688859
≈ Thicket
- 3B8C8C
≈ Blue Chill
Triada +120° +240°
- 4C8C72
Aegean Green
- 7876AA
≈ Minuet Lilac
- A46E55
≈ Earth Tone
Komplementarna rozszczepiona +150° +210°
- 4C8C72
Aegean Green
- 8F6F9D
≈ Faded Purple
- A66A6E
≈ Delhi Spice
Tetrada +90° +180° +270°
- 4C8C72
Aegean Green
- 5E7FAB
≈ Girls in Blue
- 9F6A87
≈ Pink Jazz
- 987746
≈ Warm Spice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.96:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.30:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--aegean-green: #4c8c72;
--aegean-green-rgb: 76 140 114;
--aegean-green-oklch: oklch(0.589 0.078 165.6);
}
.element {
color: var(--aegean-green);
background-color: hsl(156 30% 42%);
border-color: oklch(0.589 0.078 165.6);
}Tailwind CSS v4
@theme {
--color-aegean-green: #4c8c72;
--color-aegean-green-50: #e1fdf1;
--color-aegean-green-100: #d0f1e3;
--color-aegean-green-200: #b5e0ce;
--color-aegean-green-300: #91c5af;
--color-aegean-green-400: #71ad93;
--color-aegean-green-500: #4f977a;
--color-aegean-green-600: #437f67;
--color-aegean-green-700: #366652;
--color-aegean-green-800: #274b3b;
--color-aegean-green-900: #1a3428;
--color-aegean-green-950: #0a1f16;
}SCSS
$aegean-green: #4c8c72;
$aegean-green-rgb: 76, 140, 114;
$aegean-green-light: mix(#fff, $aegean-green, 20%);
$aegean-green-dark: mix(#000, $aegean-green, 20%);
.element {
color: $aegean-green;
box-shadow: 0 0 0 2px rgba($aegean-green, 0.35);
}