Adlandırılmış renk · #99A787
Fern Leaf
Fern Leaf, #99A787: rgb(153 167 135), hsl(86 15% 59%), oklch(0.709 0.048 126.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Fern Leaf color name →
#99A787
oklch(0.709 0.048 126.8)
Renk dönüşümleri
- HEX
- #99a787
- RGB
- rgb(153 167 135)
- HSL
- hsl(86 15% 59%)
- HWB
- hwb(86 53% 35%)
- OKLCH
- oklch(0.709 0.048 126.8)
- OKLab
- oklab(0.709 -0.029 0.038)
- CIE Lab
- lab(66.72 -9.51 14.88)
- LCH
- lch(66.72 17.66 122.6)
- CMYK
- cmyk(8% 0% 19% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3B093
- ADB89E
- B7C1AA
- C1CAB6
- CBD2C2
- D5DBCE
- DFE4DA
- EAEDE6
- F4F6F3
Koyu tonlar
- 849175
- 707B63
- 5D6651
- 4A5241
- 383E31
- 272C21
- 171A13
- 080A06
- 010101
Gri tonlar
- 96A386
- 949F86
- 919B85
- 8F9785
- 8C9384
- 8A8F83
- 878C82
- 858882
- 828481
Renk uyumları
Tamamlayıcı +180°
- 99A787
Fern Leaf
- A99AB9
≈ Purple Springs
Analog -30° +30°
- 99A787
Fern Leaf
- A9A280
≈ Inglenook Olive
- 89AA95
≈ Peaslake
Üçlü +120° +240°
- 99A787
Fern Leaf
- 89A4BE
≈ Windy City
- BC959C
≈ It’s Your Mauve
Bölünmüş tamamlayıcı +150° +210°
- 99A787
Fern Leaf
- 999FBF
≈ Midnight Blush
- B596AC
≈ Roseville
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.55:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.23:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--fern-leaf: #99a787;
--fern-leaf-rgb: 153 167 135;
--fern-leaf-oklch: oklch(0.709 0.048 126.8);
}
.element {
color: var(--fern-leaf);
background-color: hsl(86 15% 59%);
border-color: oklch(0.709 0.048 126.8);
}Tailwind CSS v4
@theme {
--color-fern-leaf: #99a787;
--color-fern-leaf-50: #f1f8ea;
--color-fern-leaf-100: #e3ebdb;
--color-fern-leaf-200: #ced9c3;
--color-fern-leaf-300: #b0bda3;
--color-fern-leaf-400: #97a486;
--color-fern-leaf-500: #7e8c6a;
--color-fern-leaf-600: #6a775a;
--color-fern-leaf-700: #555f48;
--color-fern-leaf-800: #3f4533;
--color-fern-leaf-900: #2b3023;
--color-fern-leaf-950: #181c12;
}SCSS
$fern-leaf: #99a787;
$fern-leaf-rgb: 153, 167, 135;
$fern-leaf-light: mix(#fff, $fern-leaf, 20%);
$fern-leaf-dark: mix(#000, $fern-leaf, 20%);
.element {
color: $fern-leaf;
box-shadow: 0 0 0 2px rgba($fern-leaf, 0.35);
}