Colore con nome · #63B76C
Forest Fern
Forest Fern è #63B76C: rgb(99 183 108), hsl(126 37% 55%), oklch(0.707 0.135 146.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Forest Fern color name →
#63B76C
oklch(0.707 0.135 146.3)
Conversioni di colore
- HEX
- #63b76c
- RGB
- rgb(99 183 108)
- HSL
- hsl(126 37% 55%)
- HWB
- hwb(126 39% 28%)
- OKLCH
- oklch(0.707 0.135 146.3)
- OKLab
- oklab(0.707 -0.113 0.075)
- CIE Lab
- lab(67.75 -38.7 29.9)
- LCH
- lch(67.75 48.9 142.3)
- CMYK
- cmyk(46% 0% 41% 28%)
Tinte · Ombre · Toni
Tinte
- 74BE7B
- 84C689
- 94CD98
- A4D4A7
- B3DCB5
- C2E3C4
- D1EAD2
- E1F1E1
- F0F8F0
Ombre
- 559F5D
- 47874E
- 3A7040
- 2E5A32
- 214525
- 163119
- 0B1E0D
- 030C04
- 000200
Toni
- 68B26F
- 6CAC71
- 6FA774
- 73A176
- 759C78
- 78967A
- 7A917B
- 7D8B7D
- 7E867F
Armonie di colore
Complementare +180°
- 63B76C
Forest Fern
- CC81CD
≈ Purception
Analogo -30° +30°
- 63B76C
Forest Fern
- 9CAB3B
≈ Macaw Green
- 00BB9E
≈ Aare River
Triadico +120° +240°
- 63B76C
Forest Fern
- 799DF5
≈ Periwinkle Blue
- E97D73
≈ Blooming Dahlia
Complementare divisa +150° +210°
- 63B76C
Forest Fern
- A98EEB
≈ Dreamy Candy Forest
- E27AA3
≈ Pinking. Fast and Slow
Tetradico +90° +180° +270°
- 63B76C
Forest Fern
- 35ACE9
≈ Lynx Screen Blue
- CC81CD
≈ Purception
- E08844
≈ Touch of Glamour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.52:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--forest-fern: #63b76c;
--forest-fern-rgb: 99 183 108;
--forest-fern-oklch: oklch(0.707 0.135 146.3);
}
.element {
color: var(--forest-fern);
background-color: hsl(126 37% 55%);
border-color: oklch(0.707 0.135 146.3);
}Tailwind CSS v4
@theme {
--color-forest-fern: #63b76c;
--color-forest-fern-50: #dcffe0;
--color-forest-fern-100: #caf5cf;
--color-forest-fern-200: #ade5b4;
--color-forest-fern-300: #86cb90;
--color-forest-fern-400: #65b46d;
--color-forest-fern-500: #3d9d4b;
--color-forest-fern-600: #358541;
--color-forest-fern-700: #2a6a33;
--color-forest-fern-800: #204e22;
--color-forest-fern-900: #153616;
--color-forest-fern-950: #062107;
}SCSS
$forest-fern: #63b76c;
$forest-fern-rgb: 99, 183, 108;
$forest-fern-light: mix(#fff, $forest-fern, 20%);
$forest-fern-dark: mix(#000, $forest-fern, 20%);
.element {
color: $forest-fern;
box-shadow: 0 0 0 2px rgba($forest-fern, 0.35);
}