Adlandırılmış renk · #8F917C
Farmer’s Market
Farmer’s Market, #8F917C: rgb(143 145 124), hsl(66 9% 53%), oklch(0.649 0.03 111.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Farmer’s Market color name →
#8F917C
oklch(0.649 0.03 111.7)
Renk dönüşümleri
- HEX
- #8f917c
- RGB
- rgb(143 145 124)
- HSL
- hsl(66 9% 53%)
- HWB
- hwb(66 49% 43%)
- OKLCH
- oklch(0.649 0.03 111.7)
- OKLab
- oklab(0.649 -0.011 0.028)
- CIE Lab
- lab(59.55 -3.62 10.94)
- LCH
- lch(59.55 11.52 108.3)
- CMYK
- cmyk(1% 0% 14% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A9B88
- A4A695
- AFB1A2
- BABCAF
- C5C7BC
- D1D2C9
- DCDDD6
- E8E8E4
- F3F4F1
Koyu tonlar
- 7C7D6B
- 696A5A
- 57584A
- 45463B
- 34352C
- 24251E
- 151511
- 070705
- 010101
Gri tonlar
- 8D8F7C
- 8C8E7D
- 8A8C7D
- 898A7E
- 87897E
- 86877F
- 84857F
- 83837F
- 818280
Renk uyumları
Tamamlayıcı +180°
- 8F917C
Farmer’s Market
- 8F8CA0
≈ Antiquate
Analog -30° +30°
- 8F917C
Farmer’s Market
- 988D7A
≈ Lost Canyon
- 859483
≈ Silver Linden Grey
Üçlü +120° +240°
- 8F917C
Farmer’s Market
- 7D939E
≈ Inland Waters
- 9E8891
≈ Majolica Mauve
Bölünmüş tamamlayıcı +150° +210°
- 8F917C
Farmer’s Market
- 858FA2
≈ Fantasy Grey
- 98899A
≈ Eccentricity
Dörtlü +90° +180° +270°
- 8F917C
Farmer’s Market
- 7A9597
≈ North Cape Grey
- 8F8CA0
≈ Antiquate
- A18887
≈ Rosaline Pearl
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.22:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.50:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--farmer-s-market: #8f917c;
--farmer-s-market-rgb: 143 145 124;
--farmer-s-market-oklch: oklch(0.649 0.03 111.7);
}
.element {
color: var(--farmer-s-market);
background-color: hsl(66 9% 53%);
border-color: oklch(0.649 0.03 111.7);
}Tailwind CSS v4
@theme {
--color-farmer-s-market: #8f917c;
--color-farmer-s-market-50: #f5f6ed;
--color-farmer-s-market-100: #e7e9de;
--color-farmer-s-market-200: #d4d6c7;
--color-farmer-s-market-300: #b7b9a8;
--color-farmer-s-market-400: #9fa08c;
--color-farmer-s-market-500: #868872;
--color-farmer-s-market-600: #727360;
--color-farmer-s-market-700: #5b5c4d;
--color-farmer-s-market-800: #434337;
--color-farmer-s-market-900: #2e2f26;
--color-farmer-s-market-950: #1b1b14;
}SCSS
$farmer-s-market: #8f917c;
$farmer-s-market-rgb: 143, 145, 124;
$farmer-s-market-light: mix(#fff, $farmer-s-market, 20%);
$farmer-s-market-dark: mix(#000, $farmer-s-market, 20%);
.element {
color: $farmer-s-market;
box-shadow: 0 0 0 2px rgba($farmer-s-market, 0.35);
}