Najbliższy nazwany kolor · #7AB66B
#7AB66B
Najbliższy nazwany kolor: Soon to Be Hay
#7AB66B (rgb(122 182 107), hsl(108 34% 57%), oklch(0.717 0.122 139.5)) jest najbliższy nazwanemu kolorowi Soon to Be Hay. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7AB66B
oklch(0.717 0.122 139.5)
Konwersje koloru
- HEX
- #7ab66b
- RGB
- rgb(122 182 107)
- HSL
- hsl(108 34% 57%)
- HWB
- hwb(108 42% 29%)
- OKLCH
- oklch(0.717 0.122 139.5)
- OKLab
- oklab(0.717 -0.093 0.079)
- CIE Lab
- lab(68.57 -31.07 31.74)
- LCH
- lch(68.57 44.42 134.4)
- CMYK
- cmyk(33% 0% 41% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 87BD7A
- 95C589
- A2CC98
- AFD3A6
- BCDBB5
- CAE2C4
- D7E9D2
- E4F1E1
- F2F8F0
Odcienie ciemniejsze
- 699E5C
- 59864E
- 496F3F
- 3A5932
- 2B4425
- 1D3018
- 101D0D
- 050C04
- 010200
Tony
- 7BB16E
- 7CAB71
- 7DA673
- 7EA175
- 7F9B78
- 7F9679
- 7F907B
- 808B7D
- 80857F
Harmonie kolorów
Komplementarna +180°
- 7AB66B
Soon to Be Hay
- C58AD3
≈ Purception
Analogowa -30° +30°
- 7AB66B
Soon to Be Hay
- A9AA47
≈ Delightful Camouflage
- 40BC97
≈ Expressionism Green
Triada +120° +240°
- 7AB66B
Soon to Be Hay
- 75A4EF
≈ Greek Sea
- E68384
≈ Sugar Poppy
Komplementarna rozszczepiona +150° +210°
- 7AB66B
Soon to Be Hay
- A296EB
≈ Dull Lavender
- DC83AF
≈ Middle Purple
Tetrada +90° +180° +270°
- 7AB66B
Soon to Be Hay
- 3EB1E0
≈ Summer Sky
- C58AD3
≈ Purception
- E08B5B
≈ Copper Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.73:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--soon-to-be-hay: #7ab66b;
--soon-to-be-hay-rgb: 122 182 107;
--soon-to-be-hay-oklch: oklch(0.717 0.122 139.5);
}
.element {
color: var(--soon-to-be-hay);
background-color: hsl(108 34% 57%);
border-color: oklch(0.717 0.122 139.5);
}Tailwind CSS v4
@theme {
--color-soon-to-be-hay: #7ab66b;
--color-soon-to-be-hay-50: #e2ffde;
--color-soon-to-be-hay-100: #d2f3cd;
--color-soon-to-be-hay-200: #b8e2b2;
--color-soon-to-be-hay-300: #94c78d;
--color-soon-to-be-hay-400: #77b069;
--color-soon-to-be-hay-500: #589947;
--color-soon-to-be-hay-600: #4b813d;
--color-soon-to-be-hay-700: #3c6830;
--color-soon-to-be-hay-800: #2c4c20;
--color-soon-to-be-hay-900: #1e3515;
--color-soon-to-be-hay-950: #0e2006;
}SCSS
$soon-to-be-hay: #7ab66b;
$soon-to-be-hay-rgb: 122, 182, 107;
$soon-to-be-hay-light: mix(#fff, $soon-to-be-hay, 20%);
$soon-to-be-hay-dark: mix(#000, $soon-to-be-hay, 20%);
.element {
color: $soon-to-be-hay;
box-shadow: 0 0 0 2px rgba($soon-to-be-hay, 0.35);
}