Adlandırılmış renk · #71BC78
Young Fern
Young Fern, #71BC78: rgb(113 188 120), hsl(126 36% 59%), oklch(0.729 0.123 146.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Young Fern color name →
#71BC78
oklch(0.729 0.123 146.3)
Renk dönüşümleri
- HEX
- #71bc78
- RGB
- rgb(113 188 120)
- HSL
- hsl(126 36% 59%)
- HWB
- hwb(126 44% 26%)
- OKLCH
- oklch(0.729 0.123 146.3)
- OKLab
- oklab(0.729 -0.102 0.068)
- CIE Lab
- lab(70.08 -35.06 26.86)
- LCH
- lch(70.08 44.17 142.5)
- CMYK
- cmyk(40% 0% 36% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 80C385
- 8FCA93
- 9DD0A0
- ABD7AE
- B9DEBB
- C7E5C8
- D5EBD6
- E3F2E4
- F1F8F1
Koyu tonlar
- 61A367
- 528B57
- 437348
- 355D39
- 27472A
- 1A321D
- 0E1F10
- 040D05
- 010201
Gri tonlar
- 74B679
- 76B07B
- 78AA7C
- 7AA47D
- 7B9E7D
- 7D987E
- 7E927F
- 7F8C7F
- 7F8680
Renk uyumları
Tamamlayıcı +180°
- 71BC78
Young Fern
- CF8BD0
≈ Purception
Analog -30° +30°
- 71BC78
Young Fern
- A3B150
≈ Pandan Cake
- 35C0A5
≈ Jade Mountain
Üçlü +120° +240°
- 71BC78
Young Fern
- 83A5F5
≈ Fennel Flower
- EA877E
≈ Salmon Carpaccio
Bölünmüş tamamlayıcı +150° +210°
- 71BC78
Young Fern
- AF96EB
≈ Dreamy Candy Forest
- E485A9
≈ Rose Glory
Dörtlü +90° +180° +270°
- 71BC78
Young Fern
- 4EB2EA
≈ Blue Jeans
- CF8BD0
≈ Purception
- E29256
≈ Pumpkin Toast
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.16:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-fern: #71bc78;
--young-fern-rgb: 113 188 120;
--young-fern-oklch: oklch(0.729 0.123 146.3);
}
.element {
color: var(--young-fern);
background-color: hsl(126 36% 59%);
border-color: oklch(0.729 0.123 146.3);
}Tailwind CSS v4
@theme {
--color-young-fern: #71bc78;
--color-young-fern-50: #deffe2;
--color-young-fern-100: #cdf4d1;
--color-young-fern-200: #b1e3b7;
--color-young-fern-300: #8bc994;
--color-young-fern-400: #6bb272;
--color-young-fern-500: #479b52;
--color-young-fern-600: #3e8346;
--color-young-fern-700: #316938;
--color-young-fern-800: #244d26;
--color-young-fern-900: #183619;
--color-young-fern-950: #09210a;
}SCSS
$young-fern: #71bc78;
$young-fern-rgb: 113, 188, 120;
$young-fern-light: mix(#fff, $young-fern, 20%);
$young-fern-dark: mix(#000, $young-fern, 20%);
.element {
color: $young-fern;
box-shadow: 0 0 0 2px rgba($young-fern, 0.35);
}