Najbliższy nazwany kolor · #91BC7F
#91BC7F
Najbliższy nazwany kolor: Sage
#91BC7F (rgb(145 188 127), hsl(102 31% 62%), oklch(0.749 0.096 136.7)) jest najbliższy nazwanemu kolorowi Sage. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#91BC7F
oklch(0.749 0.096 136.7)
Konwersje koloru
- HEX
- #91bc7f
- RGB
- rgb(145 188 127)
- HSL
- hsl(102 31% 62%)
- HWB
- hwb(102 50% 26%)
- OKLCH
- oklch(0.749 0.096 136.7)
- OKLab
- oklab(0.749 -0.07 0.066)
- CIE Lab
- lab(71.99 -23.43 26.11)
- LCH
- lch(71.99 35.08 131.9)
- CMYK
- cmyk(23% 0% 32% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9CC38C
- A7C998
- B2D0A5
- BCD7B2
- C7DEBF
- D2E4CB
- DDEBD8
- E9F2E5
- F4F8F2
Odcienie ciemniejsze
- 7DA36E
- 6A8B5D
- 58734C
- 465D3C
- 35472D
- 25321F
- 151F11
- 070D06
- 010201
Tony
- 8FB680
- 8EB080
- 8CAA80
- 8BA481
- 899E81
- 879881
- 869281
- 848C81
- 828680
Harmonie kolorów
Komplementarna +180°
- 91BC7F
Sage
- C69BD6
≈ Mauve Mist
Analogowa -30° +30°
- 91BC7F
Sage
- B5B268
≈ Rodham
- 6DC1A0
≈ Gem Silica
Triada +120° +240°
- 91BC7F
Sage
- 86B0EA
≈ Fly Away
- E49498
≈ Marker Pink
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.70:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--sage: #91bc7f;
--sage-rgb: 145 188 127;
--sage-oklch: oklch(0.749 0.096 136.7);
}
.element {
color: var(--sage);
background-color: hsl(102 31% 62%);
border-color: oklch(0.749 0.096 136.7);
}Tailwind CSS v4
@theme {
--color-sage: #91bc7f;
--color-sage-50: #e8fce2;
--color-sage-100: #d8f0d1;
--color-sage-200: #c0dfb7;
--color-sage-300: #9fc494;
--color-sage-400: #84ac73;
--color-sage-500: #679553;
--color-sage-600: #587e47;
--color-sage-700: #466539;
--color-sage-800: #344a27;
--color-sage-900: #23331a;
--color-sage-950: #121f0a;
}SCSS
$sage: #91bc7f;
$sage-rgb: 145, 188, 127;
$sage-light: mix(#fff, $sage, 20%);
$sage-dark: mix(#000, $sage, 20%);
.element {
color: $sage;
box-shadow: 0 0 0 2px rgba($sage, 0.35);
}