Adlandırılmış renk · #8F7F50
Fennel Seed
Fennel Seed, #8F7F50: rgb(143 127 80), hsl(45 28% 44%), oklch(0.6 0.068 91.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Fennel Seed color name →
#8F7F50
oklch(0.6 0.068 91.3)
Renk dönüşümleri
- HEX
- #8f7f50
- RGB
- rgb(143 127 80)
- HSL
- hsl(45 28% 44%)
- HWB
- hwb(45 31% 44%)
- OKLCH
- oklch(0.6 0.068 91.3)
- OKLab
- oklab(0.6 -0.002 0.068)
- CIE Lab
- lab(53.83 1.26 27.86)
- LCH
- lch(53.83 27.89 87.4)
- CMYK
- cmyk(0% 11% 44% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A8B61
- A49872
- AFA483
- BAB194
- C6BDA6
- D1CAB7
- DCD7C9
- E8E4DB
- F3F2ED
Koyu tonlar
- 7C6E44
- 695D39
- 574C2E
- 453C24
- 342D1A
- 241F10
- 151107
- 070602
- 010100
Gri tonlar
- 8D7F55
- 8C7F5B
- 8A8060
- 898065
- 878069
- 86806E
- 848073
- 838077
- 81807C
Renk uyumları
Tamamlayıcı +180°
- 8F7F50
Fennel Seed
- 717EA9
≈ Lavender Violet
Analog -30° +30°
- 8F7F50
Fennel Seed
- 9E7756
≈ Coco Rum
- 7A8759
≈ Fern Canopy
Üçlü +120° +240°
- 8F7F50
Fennel Seed
- 4C8B97
≈ Blue Square
- 987193
≈ Veri Berri
Bölünmüş tamamlayıcı +150° +210°
- 8F7F50
Fennel Seed
- 5B86A5
≈ Blue Team Spirit
- 8777A3
≈ Smashed Grape
Dörtlü +90° +180° +270°
- 8F7F50
Fennel Seed
- 4F8E83
≈ Dusty Teal
- 717EA9
≈ Lavender Violet
- A36F7D
≈ Black Elder
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.94:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.31:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--fennel-seed: #8f7f50;
--fennel-seed-rgb: 143 127 80;
--fennel-seed-oklch: oklch(0.6 0.068 91.3);
}
.element {
color: var(--fennel-seed);
background-color: hsl(45 28% 44%);
border-color: oklch(0.6 0.068 91.3);
}Tailwind CSS v4
@theme {
--color-fennel-seed: #8f7f50;
--color-fennel-seed-50: #fbf5e0;
--color-fennel-seed-100: #efe8cf;
--color-fennel-seed-200: #ded4b4;
--color-fennel-seed-300: #c3b790;
--color-fennel-seed-400: #ad9e70;
--color-fennel-seed-500: #978550;
--color-fennel-seed-600: #7f7045;
--color-fennel-seed-700: #665a36;
--color-fennel-seed-800: #4c4126;
--color-fennel-seed-900: #352d1a;
--color-fennel-seed-950: #201a0a;
}SCSS
$fennel-seed: #8f7f50;
$fennel-seed-rgb: 143, 127, 80;
$fennel-seed-light: mix(#fff, $fennel-seed, 20%);
$fennel-seed-dark: mix(#000, $fennel-seed, 20%);
.element {
color: $fennel-seed;
box-shadow: 0 0 0 2px rgba($fennel-seed, 0.35);
}