Colore con nome · #C7D368
Soft Fern
Soft Fern è #C7D368: rgb(199 211 104), hsl(67 55% 62%), oklch(0.835 0.133 114.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Soft Fern color name →
#C7D368
oklch(0.835 0.133 114.6)
Conversioni di colore
- HEX
- #c7d368
- RGB
- rgb(199 211 104)
- HSL
- hsl(67 55% 62%)
- HWB
- hwb(67 41% 17%)
- OKLCH
- oklch(0.835 0.133 114.6)
- OKLab
- oklab(0.835 -0.055 0.12)
- CIE Lab
- lab(81.97 -15.38 50.78)
- LCH
- lch(81.97 53.06 106.9)
- CMYK
- cmyk(6% 0% 51% 17%)
Tinte · Ombre · Toni
Tinte
- CCD879
- D2DC8A
- D7E199
- DDE5A9
- E2EAB7
- E8EEC6
- EDF2D4
- F3F7E3
- F9FBF1
Ombre
- ADB759
- 939C4B
- 7A823E
- 626930
- 4C5124
- 363A18
- 21240C
- 0E1004
- 020200
Toni
- C0CB6D
- B8C271
- B1BA74
- AAB177
- A2A979
- 9BA17B
- 94997D
- 8D907E
- 87887F
Armonie di colore
Complementare +180°
- C7D368
Soft Fern
- CCBEFF
≈ Lavender Tonic
Analogo -30° +30°
- C7D368
Soft Fern
- F1C25A
≈ Overjoy
- 91E092
≈ VIC 20 Green
Triadico +120° +240°
- C7D368
Soft Fern
- 88D4FF
≈ Kul Sharif Blue
- FFADCD
≈ Heartfelt
Complementare divisa +150° +210°
- C7D368
Soft Fern
- AFC9FF
≈ Night Snow
- F4ABF9
≈ Pink Sugar
Tetradico +90° +180° +270°
- C7D368
Soft Fern
- 37E1F1
≈ Blue Dacnis
- CCBEFF
≈ Lavender Tonic
- FFB2AC
≈ Peach Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.94:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-fern: #c7d368;
--soft-fern-rgb: 199 211 104;
--soft-fern-oklch: oklch(0.835 0.133 114.6);
}
.element {
color: var(--soft-fern);
background-color: hsl(67 55% 62%);
border-color: oklch(0.835 0.133 114.6);
}Tailwind CSS v4
@theme {
--color-soft-fern: #c7d368;
--color-soft-fern-50: #f2fbd0;
--color-soft-fern-100: #e5eebc;
--color-soft-fern-200: #d0dc9b;
--color-soft-fern-300: #b3c070;
--color-soft-fern-400: #9da742;
--color-soft-fern-500: #858f00;
--color-soft-fern-600: #707900;
--color-soft-fern-700: #5a6100;
--color-soft-fern-800: #434600;
--color-soft-fern-900: #2f3100;
--color-soft-fern-950: #1b1d00;
}SCSS
$soft-fern: #c7d368;
$soft-fern-rgb: 199, 211, 104;
$soft-fern-light: mix(#fff, $soft-fern, 20%);
$soft-fern-dark: mix(#000, $soft-fern, 20%);
.element {
color: $soft-fern;
box-shadow: 0 0 0 2px rgba($soft-fern, 0.35);
}