Najbliższy nazwany kolor · #76A586
#76A586
Najbliższy nazwany kolor: Green Goddess
#76A586 (rgb(118 165 134), hsl(140 21% 55%), oklch(0.679 0.068 155.3)) jest najbliższy nazwanemu kolorowi Green Goddess. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#76A586
oklch(0.679 0.068 155.3)
Konwersje koloru
- HEX
- #76a586
- RGB
- rgb(118 165 134)
- HSL
- hsl(140 21% 55%)
- HWB
- hwb(140 46% 35%)
- OKLCH
- oklch(0.679 0.068 155.3)
- OKLab
- oklab(0.679 -0.062 0.029)
- CIE Lab
- lab(63.71 -21.39 10.83)
- LCH
- lch(63.71 23.98 153.1)
- CMYK
- cmyk(28% 0% 19% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 84AE92
- 91B79D
- 9FC0A9
- ACC8B5
- BAD1C1
- C7DACD
- D5E4D9
- E3EDE6
- F1F6F2
Odcienie ciemniejsze
- 668F74
- 567962
- 476551
- 385140
- 293D30
- 1C2B21
- 0F1A13
- 050A06
- 010101
Tony
- 77A185
- 799E85
- 7A9A84
- 7B9684
- 7C9383
- 7D8F83
- 7E8B82
- 7F8781
- 7F8481
Harmonie kolorów
Komplementarna +180°
- 76A586
Green Goddess
- B388A9
≈ Voila!
Analogowa -30° +30°
- 76A586
Green Goddess
- 8EA072
≈ Lady Fern
- 65A69E
≈ Aqua Rapids
Triada +120° +240°
- 76A586
Green Goddess
- 8C95C3
≈ Pale Iris
- BE897C
≈ Copper Trail
Komplementarna rozszczepiona +150° +210°
- 76A586
Green Goddess
- A28EBA
≈ Wizard’s Brew
- BD8792
≈ Strawberry Jubilee
Tetrada +90° +180° +270°
- 76A586
Green Goddess
- 759DC0
≈ Blue Mountain
- B388A9
≈ Voila!
- B6906B
≈ Windswept Leaves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-goddess: #76a586;
--green-goddess-rgb: 118 165 134;
--green-goddess-oklch: oklch(0.679 0.068 155.3);
}
.element {
color: var(--green-goddess);
background-color: hsl(140 21% 55%);
border-color: oklch(0.679 0.068 155.3);
}Tailwind CSS v4
@theme {
--color-green-goddess: #76a586;
--color-green-goddess-50: #e6fbee;
--color-green-goddess-100: #d6efdf;
--color-green-goddess-200: #bddec9;
--color-green-goddess-300: #9bc2aa;
--color-green-goddess-400: #7eab8d;
--color-green-goddess-500: #609473;
--color-green-goddess-600: #527d61;
--color-green-goddess-700: #41644e;
--color-green-goddess-800: #304937;
--color-green-goddess-900: #203326;
--color-green-goddess-950: #101f14;
}SCSS
$green-goddess: #76a586;
$green-goddess-rgb: 118, 165, 134;
$green-goddess-light: mix(#fff, $green-goddess, 20%);
$green-goddess-dark: mix(#000, $green-goddess, 20%);
.element {
color: $green-goddess;
box-shadow: 0 0 0 2px rgba($green-goddess, 0.35);
}