Nazwany kolor · #8FCE9B
Fennel
Fennel to #8FCE9B: rgb(143 206 155), hsl(131 39% 68%), oklch(0.795 0.097 149.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fennel color name →
#8FCE9B
oklch(0.795 0.097 149.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BD3A5
- A6D8AF
- B1DDB9
- BDE2C3
- C8E7CD
- D3ECD7
- DEF1E1
- E9F5EB
- F4FAF5
Odcienie ciemniejsze
- 7CB386
- 699872
- 577F5E
- 45664B
- 344E39
- 243828
- 152318
- 070F09
- 010201
Tony
- 8EC698
- 8DBE96
- 8CB693
- 8BAE91
- 89A78E
- 889F8B
- 869788
- 848F86
- 828883
Harmonie kolorów
Komplementarna +180°
- 8FCE9B
Fennel
- E0A6DA
≈ Barely Bloomed
Analogowa -30° +30°
- 8FCE9B
Fennel
- B4C67E
≈ Valley View
- 6FD1BE
≈ Downy
Triada +120° +240°
- 8FCE9B
Fennel
- A3BAFB
≈ Pastel Blue
- F4A598
≈ Crushed Grapefruit
Komplementarna rozszczepiona +150° +210°
- 8FCE9B
Fennel
- C5AEF2
≈ Purple Sand
- F0A2BA
≈ Alien Conspiracy Pink
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.46:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}