Adlandırılmış renk · #8E9B88
Farm Fresh
Farm Fresh, #8E9B88: rgb(142 155 136), hsl(101 9% 57%), oklch(0.674 0.031 135.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? → · Farm Fresh color name →
#8E9B88
oklch(0.674 0.031 135.7)
Renk dönüşümleri
- HEX
- #8e9b88
- RGB
- rgb(142 155 136)
- HSL
- hsl(101 9% 57%)
- HWB
- hwb(101 53% 39%)
- OKLCH
- oklch(0.674 0.031 135.7)
- OKLab
- oklab(0.674 -0.022 0.022)
- CIE Lab
- lab(62.52 -7.56 8.34)
- LCH
- lch(62.52 11.26 132.2)
- CMYK
- cmyk(8% 0% 12% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99A593
- A4AE9F
- AFB8AA
- BAC2B6
- C5CCC2
- D0D6CE
- DCE0DA
- E7EAE6
- F3F5F3
Koyu tonlar
- 7B8675
- 687263
- 565E52
- 444B41
- 343931
- 242822
- 151813
- 070906
- 010101
Gri tonlar
- 8D9887
- 8B9686
- 8A9386
- 889085
- 878D84
- 868B83
- 848882
- 838582
- 818381
Renk uyumları
Tamamlayıcı +180°
- 8E9B88
Farm Fresh
- 9E91A4
≈ Ancestry Violet
Analog -30° +30°
- 8E9B88
Farm Fresh
- 999882
≈ Into the Wild
- 859D92
≈ Padded Leaf
Üçlü +120° +240°
- 8E9B88
Farm Fresh
- 8A98AA
≈ Urban Vibes
- A98F90
≈ Ash Hollow
Bölünmüş tamamlayıcı +150° +210°
- 8E9B88
Farm Fresh
- 9494A9
≈ Jazz Tune
- A58F9A
≈ Nirvana
Dörtlü +90° +180° +270°
- 8E9B88
Farm Fresh
- 839BA5
≈ Arona
- 9E91A4
≈ Ancestry Violet
- A89187
≈ Casket
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.91:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.19:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--farm-fresh: #8e9b88;
--farm-fresh-rgb: 142 155 136;
--farm-fresh-oklch: oklch(0.674 0.031 135.7);
}
.element {
color: var(--farm-fresh);
background-color: hsl(101 9% 57%);
border-color: oklch(0.674 0.031 135.7);
}Tailwind CSS v4
@theme {
--color-farm-fresh: #8e9b88;
--color-farm-fresh-50: #f1f7ef;
--color-farm-fresh-100: #e3eae0;
--color-farm-fresh-200: #ced8cb;
--color-farm-fresh-300: #b0bbac;
--color-farm-fresh-400: #96a391;
--color-farm-fresh-500: #7d8b77;
--color-farm-fresh-600: #6a7665;
--color-farm-fresh-700: #555e50;
--color-farm-fresh-800: #3e453a;
--color-farm-fresh-900: #2b3028;
--color-farm-fresh-950: #181c16;
}SCSS
$farm-fresh: #8e9b88;
$farm-fresh-rgb: 142, 155, 136;
$farm-fresh-light: mix(#fff, $farm-fresh, 20%);
$farm-fresh-dark: mix(#000, $farm-fresh, 20%);
.element {
color: $farm-fresh;
box-shadow: 0 0 0 2px rgba($farm-fresh, 0.35);
}