En yakın adlandırılmış renk · #9BB999
#9BB999
En yakın adlandırılmış renk: Foliage
#9BB999 (rgb(155 185 153), hsl(116 19% 66%), oklch(0.754 0.056 143.4)) en çok Foliage adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9BB999
oklch(0.754 0.056 143.4)
Renk dönüşümleri
- HEX
- #9bb999
- RGB
- rgb(155 185 153)
- HSL
- hsl(116 19% 66%)
- HWB
- hwb(116 60% 27%)
- OKLCH
- oklch(0.754 0.056 143.4)
- OKLab
- oklab(0.754 -0.045 0.033)
- CIE Lab
- lab(72.23 -15.23 12.76)
- LCH
- lch(72.23 19.87 140)
- CMYK
- cmyk(16% 0% 17% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5C0A3
- AFC7AD
- B8CEB7
- C2D5C1
- CCDCCB
- D6E3D5
- E0EAE0
- EBF1EA
- F5F8F4
Koyu tonlar
- 86A084
- 728970
- 5E715D
- 4B5B4A
- 394638
- 283127
- 181E17
- 090D08
- 010201
Gri tonlar
- 98B397
- 96AD94
- 93A892
- 90A28F
- 8E9C8D
- 8B968A
- 889188
- 868B85
- 838683
Renk uyumları
Tamamlayıcı +180°
- 9BB999
Foliage
- C1A4C4
≈ Novel Lilac
Analog -30° +30°
- 9BB999
Foliage
- AFB48B
≈ Sumptuous Sage
- 8BBBAC
≈ Mild Evergreen
Üçlü +120° +240°
- 9BB999
Foliage
- 9DB0D4
≈ Heartsong
- D1A29F
≈ Ruby Eye
Bölünmüş tamamlayıcı +150° +210°
- 9BB999
Foliage
- B0A9D0
≈ Wisteria-Wise
- CDA1B2
≈ Raspberry Smoothie
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.14:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.79:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--foliage: #9bb999;
--foliage-rgb: 155 185 153;
--foliage-oklch: oklch(0.754 0.056 143.4);
}
.element {
color: var(--foliage);
background-color: hsl(116 19% 66%);
border-color: oklch(0.754 0.056 143.4);
}Tailwind CSS v4
@theme {
--color-foliage: #9bb999;
--color-foliage-50: #ecfaec;
--color-foliage-100: #ddeddd;
--color-foliage-200: #c6dbc6;
--color-foliage-300: #a6bfa6;
--color-foliage-400: #8ba78a;
--color-foliage-500: #70906e;
--color-foliage-600: #5f7a5e;
--color-foliage-700: #4c624b;
--color-foliage-800: #384735;
--color-foliage-900: #263124;
--color-foliage-950: #141d13;
}SCSS
$foliage: #9bb999;
$foliage-rgb: 155, 185, 153;
$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);
}