Adlandırılmış renk · #C7D368
Soft Fern
Soft Fern, #C7D368: rgb(199 211 104), hsl(67 55% 62%), oklch(0.835 0.133 114.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Soft Fern color name →
#C7D368
oklch(0.835 0.133 114.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD879
- D2DC8A
- D7E199
- DDE5A9
- E2EAB7
- E8EEC6
- EDF2D4
- F3F7E3
- F9FBF1
Koyu tonlar
- ADB759
- 939C4B
- 7A823E
- 626930
- 4C5124
- 363A18
- 21240C
- 0E1004
- 020200
Gri tonlar
- C0CB6D
- B8C271
- B1BA74
- AAB177
- A2A979
- 9BA17B
- 94997D
- 8D907E
- 87887F
Renk uyumları
Tamamlayıcı +180°
- C7D368
Soft Fern
- CCBEFF
≈ Lavender Tonic
Analog -30° +30°
- C7D368
Soft Fern
- F1C25A
≈ Overjoy
- 91E092
≈ VIC 20 Green
Üçlü +120° +240°
- C7D368
Soft Fern
- 88D4FF
≈ Kul Sharif Blue
- FFADCD
≈ Heartfelt
Bölünmüş tamamlayıcı +150° +210°
- C7D368
Soft Fern
- AFC9FF
≈ Night Snow
- F4ABF9
≈ Pink Sugar
Dörtlü +90° +180° +270°
- C7D368
Soft Fern
- 37E1F1
≈ Blue Dacnis
- CCBEFF
≈ Lavender Tonic
- FFB2AC
≈ Peach Bud
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.94:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}