Adlandırılmış renk · #8FCE9B
Fennel
Fennel, #8FCE9B: rgb(143 206 155), hsl(131 39% 68%), oklch(0.795 0.097 149.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Fennel color name →
#8FCE9B
oklch(0.795 0.097 149.7)
Renk dönüşümleri
- HEX
- #8fce9b
- RGB
- rgb(143 206 155)
- HSL
- hsl(131 39% 68%)
- HWB
- hwb(131 56% 19%)
- OKLCH
- oklch(0.795 0.097 149.7)
- OKLab
- oklab(0.795 -0.083 0.049)
- CIE Lab
- lab(77.49 -28.7 18.79)
- LCH
- lch(77.49 34.31 146.8)
- CMYK
- cmyk(31% 0% 25% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BD3A5
- A6D8AF
- B1DDB9
- BDE2C3
- C8E7CD
- D3ECD7
- DEF1E1
- E9F5EB
- F4FAF5
Koyu tonlar
- 7CB386
- 699872
- 577F5E
- 45664B
- 344E39
- 243828
- 152318
- 070F09
- 010201
Gri tonlar
- 8EC698
- 8DBE96
- 8CB693
- 8BAE91
- 89A78E
- 889F8B
- 869788
- 848F86
- 828883
Renk uyumları
Tamamlayıcı +180°
- 8FCE9B
Fennel
- E0A6DA
≈ Barely Bloomed
Analog -30° +30°
- 8FCE9B
Fennel
- B4C67E
≈ Valley View
- 6FD1BE
≈ Downy
Üçlü +120° +240°
- 8FCE9B
Fennel
- A3BAFB
≈ Pastel Blue
- F4A598
≈ Crushed Grapefruit
Bölünmüş tamamlayıcı +150° +210°
- 8FCE9B
Fennel
- C5AEF2
≈ Purple Sand
- F0A2BA
≈ Alien Conspiracy Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.46:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--fennel: #8fce9b;
--fennel-rgb: 143 206 155;
--fennel-oklch: oklch(0.795 0.097 149.7);
}
.element {
color: var(--fennel);
background-color: hsl(131 39% 68%);
border-color: oklch(0.795 0.097 149.7);
}Tailwind CSS v4
@theme {
--color-fennel: #8fce9b;
--color-fennel-50: #e2fee8;
--color-fennel-100: #d1f2d8;
--color-fennel-200: #b7e1c0;
--color-fennel-300: #93c69f;
--color-fennel-400: #74af80;
--color-fennel-500: #539863;
--color-fennel-600: #478154;
--color-fennel-700: #396743;
--color-fennel-800: #2a4b2f;
--color-fennel-900: #1c3420;
--color-fennel-950: #0c200f;
}SCSS
$fennel: #8fce9b;
$fennel-rgb: 143, 206, 155;
$fennel-light: mix(#fff, $fennel, 20%);
$fennel-dark: mix(#000, $fennel, 20%);
.element {
color: $fennel;
box-shadow: 0 0 0 2px rgba($fennel, 0.35);
}