Nazwany kolor · #9D9C7E
Fairbank Green
Fairbank Green to #9D9C7E: rgb(157 156 126), hsl(58 14% 55%), oklch(0.685 0.042 105.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Fairbank Green color name →
#9D9C7E
oklch(0.685 0.042 105.9)
Konwersje koloru
- HEX
- #9d9c7e
- RGB
- rgb(157 156 126)
- HSL
- hsl(58 14% 55%)
- HWB
- hwb(58 49% 38%)
- OKLCH
- oklch(0.685 0.042 105.9)
- OKLab
- oklab(0.685 -0.012 0.041)
- CIE Lab
- lab(63.84 -3.48 15.94)
- LCH
- lch(63.84 16.31 102.3)
- CMYK
- cmyk(0% 1% 20% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6A68A
- B0AF97
- B9B9A3
- C3C3B0
- CDCDBD
- D7D6CA
- E1E0D7
- EBEBE4
- F5F5F2
Odcienie ciemniejsze
- 88876D
- 73735C
- 5F5F4C
- 4C4C3C
- 3A392D
- 28281F
- 181811
- 090905
- 010101
Tony
- 9A997E
- 97967F
- 94947F
- 91917F
- 8E8E7F
- 8B8B80
- 898880
- 868680
- 838380
Harmonie kolorów
Komplementarna +180°
- 9D9C7E
Fairbank Green
- 9797B4
≈ Tusi Grey
Analogowa -30° +30°
- 9D9C7E
Fairbank Green
- A9977D
≈ York Beige
- 8FA086
≈ Fresh Sod
Triada +120° +240°
- 9D9C7E
Fairbank Green
- 7FA0AE
≈ Lake Winnipeg
- AE90A0
≈ Mauve Shadows
Komplementarna rozszczepiona +150° +210°
- 9D9C7E
Fairbank Green
- 899CB4
≈ Private Jet
- A492AC
≈ Uptown Girl
Tetrada +90° +180° +270°
- 9D9C7E
Fairbank Green
- 7CA3A2
≈ Sightful
- 9797B4
≈ Tusi Grey
- B39091
≈ Deauville Mauve
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 {
--fairbank-green: #9d9c7e;
--fairbank-green-rgb: 157 156 126;
--fairbank-green-oklch: oklch(0.685 0.042 105.9);
}
.element {
color: var(--fairbank-green);
background-color: hsl(58 14% 55%);
border-color: oklch(0.685 0.042 105.9);
}Tailwind CSS v4
@theme {
--color-fairbank-green: #9d9c7e;
--color-fairbank-green-50: #f6f6e9;
--color-fairbank-green-100: #e9e9d9;
--color-fairbank-green-200: #d6d6c2;
--color-fairbank-green-300: #b9b9a1;
--color-fairbank-green-400: #a1a084;
--color-fairbank-green-500: #8a8868;
--color-fairbank-green-600: #747358;
--color-fairbank-green-700: #5d5c46;
--color-fairbank-green-800: #454332;
--color-fairbank-green-900: #2f2e22;
--color-fairbank-green-950: #1c1b11;
}SCSS
$fairbank-green: #9d9c7e;
$fairbank-green-rgb: 157, 156, 126;
$fairbank-green-light: mix(#fff, $fairbank-green, 20%);
$fairbank-green-dark: mix(#000, $fairbank-green, 20%);
.element {
color: $fairbank-green;
box-shadow: 0 0 0 2px rgba($fairbank-green, 0.35);
}