Adlandırılmış renk · #95B388
Foliage
Foliage, #95B388: rgb(149 179 136), hsl(102 22% 62%), oklch(0.733 0.069 136.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? → · Foliage color name →
#95B388
oklch(0.733 0.069 136.3)
Renk dönüşümleri
- HEX
- #95b388
- RGB
- rgb(149 179 136)
- HSL
- hsl(102 22% 62%)
- HWB
- hwb(102 53% 30%)
- OKLCH
- oklch(0.733 0.069 136.3)
- OKLab
- oklab(0.733 -0.05 0.048)
- CIE Lab
- lab(69.82 -16.72 18.51)
- LCH
- lch(69.82 24.94 132.1)
- CMYK
- cmyk(17% 0% 24% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FBA94
- AAC29F
- B4CAAB
- BED1B7
- C9D9C3
- D4E0CE
- DEE8DA
- E9F0E7
- F4F7F3
Koyu tonlar
- 819B75
- 6D8463
- 5A6E52
- 485841
- 374331
- 262F22
- 161D13
- 080C06
- 010101
Gri tonlar
- 93AE87
- 91A987
- 8FA486
- 8D9E85
- 8B9985
- 899484
- 868F83
- 848A82
- 828581
Renk uyumları
Tamamlayıcı +180°
- 95B388
Foliage
- BA9CC6
≈ Crocus Petal
Analog -30° +30°
- 95B388
Foliage
- AEAC79
≈ Stuffed Olive
- 7EB79F
≈ Key Largo
Üçlü +120° +240°
- 95B388
Foliage
- 8DABD4
≈ Boy Blue
- D0979A
≈ Tobermory
Bölünmüş tamamlayıcı +150° +210°
- 95B388
Foliage
- A4A3D3
≈ Water Hyacinth
- C997B1
≈ Morning Glory Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.08:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.08:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--foliage: #95b388;
--foliage-rgb: 149 179 136;
--foliage-oklch: oklch(0.733 0.069 136.3);
}
.element {
color: var(--foliage);
background-color: hsl(102 22% 62%);
border-color: oklch(0.733 0.069 136.3);
}Tailwind CSS v4
@theme {
--color-foliage: #95b388;
--color-foliage-50: #ecfae7;
--color-foliage-100: #ddeed8;
--color-foliage-200: #c6dcc0;
--color-foliage-300: #a6c09e;
--color-foliage-400: #8ca880;
--color-foliage-500: #719163;
--color-foliage-600: #607b54;
--color-foliage-700: #4d6243;
--color-foliage-800: #38482f;
--color-foliage-900: #273220;
--color-foliage-950: #151e10;
}SCSS
$foliage: #95b388;
$foliage-rgb: 149, 179, 136;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}