Nazwany kolor · #B1B787
Lima Green
Lima Green to #B1B787: rgb(177 183 135), hsl(68 25% 62%), oklch(0.763 0.066 113.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lima Green color name →
#B1B787
oklch(0.763 0.066 113.8)
Konwersje koloru
- HEX
- #b1b787
- RGB
- rgb(177 183 135)
- HSL
- hsl(68 25% 62%)
- HWB
- hwb(68 53% 28%)
- OKLCH
- oklch(0.763 0.066 113.8)
- OKLab
- oklab(0.763 -0.026 0.06)
- CIE Lab
- lab(73.02 -8.12 23.77)
- LCH
- lch(73.02 25.12 108.8)
- CMYK
- cmyk(3% 0% 26% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8BE93
- C0C59F
- C8CCAB
- CFD4B6
- D7DBC2
- DFE2CE
- E7E9DA
- EFF0E7
- F7F8F3
Odcienie ciemniejsze
- 999F75
- 838763
- 6C7051
- 575A41
- 424531
- 2F3121
- 1C1E13
- 0C0C06
- 010201
Tony
- ACB187
- A7AC86
- A2A686
- 9DA185
- 989B84
- 939684
- 8E9083
- 898B82
- 858581
Harmonie kolorów
Komplementarna +180°
- B1B787
Lima Green
- B3AAD8
≈ Purple Hibiscus
Analogowa -30° +30°
- B1B787
Lima Green
- C6AF82
≈ Cliff Ridge
- 99BD98
≈ Quiet Green
Triada +120° +240°
- B1B787
Lima Green
- 88B9D5
≈ Simply Posh
- D4A1B5
≈ Gizmo
Komplementarna rozszczepiona +150° +210°
- B1B787
Lima Green
- 9DB2DC
≈ Myrtle Flower
- C7A4CA
≈ Stormy Sunrise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.99:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--lima-green: #b1b787;
--lima-green-rgb: 177 183 135;
--lima-green-oklch: oklch(0.763 0.066 113.8);
}
.element {
color: var(--lima-green);
background-color: hsl(68 25% 62%);
border-color: oklch(0.763 0.066 113.8);
}Tailwind CSS v4
@theme {
--color-lima-green: #b1b787;
--color-lima-green-50: #f4f8e3;
--color-lima-green-100: #e6ebd3;
--color-lima-green-200: #d2d8b9;
--color-lima-green-300: #b5bc96;
--color-lima-green-400: #9ea376;
--color-lima-green-500: #858b58;
--color-lima-green-600: #71764b;
--color-lima-green-700: #5a5e3c;
--color-lima-green-800: #43452a;
--color-lima-green-900: #2e301c;
--color-lima-green-950: #1b1c0c;
}SCSS
$lima-green: #b1b787;
$lima-green-rgb: 177, 183, 135;
$lima-green-light: mix(#fff, $lima-green, 20%);
$lima-green-dark: mix(#000, $lima-green, 20%);
.element {
color: $lima-green;
box-shadow: 0 0 0 2px rgba($lima-green, 0.35);
}