En yakın adlandırılmış renk · #9C9D75
#9C9D75
En yakın adlandırılmış renk: Bonsai Garden
#9C9D75 (rgb(156 157 117), hsl(61 17% 54%), oklch(0.685 0.056 109)) en çok Bonsai Garden 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.
#9C9D75
oklch(0.685 0.056 109)
Renk dönüşümleri
- HEX
- #9c9d75
- RGB
- rgb(156 157 117)
- HSL
- hsl(61 17% 54%)
- HWB
- hwb(61 46% 38%)
- OKLCH
- oklch(0.685 0.056 109)
- OKLab
- oklab(0.685 -0.018 0.053)
- CIE Lab
- lab(63.87 -5.38 20.9)
- LCH
- lch(63.87 21.58 104.4)
- CMYK
- cmyk(1% 0% 25% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5A682
- AFB090
- B9BA9D
- C2C3AB
- CCCDB9
- D6D7C6
- E0E1D4
- EAEBE2
- F5F5F1
Koyu tonlar
- 878865
- 737355
- 5F5F46
- 4C4C37
- 393A29
- 28281C
- 18180F
- 090905
- 010101
Gri tonlar
- 999A76
- 969778
- 939479
- 91917A
- 8E8F7B
- 8B8C7C
- 88897D
- 85867E
- 83837F
Renk uyumları
Tamamlayıcı +180°
- 9C9D75
Bonsai Garden
- 9895BB
≈ Indifferent
Analog -30° +30°
- 9C9D75
Bonsai Garden
- AD9673
≈ Jute
- 89A381
≈ Mistletoe
Üçlü +120° +240°
- 9C9D75
Bonsai Garden
- 76A1B6
≈ Grey Blue
- B58C9F
≈ Lover’s Tryst
Bölünmüş tamamlayıcı +150° +210°
- 9C9D75
Bonsai Garden
- 859BBD
≈ Sailing
- A98FB0
≈ Revered
Dörtlü +90° +180° +270°
- 9C9D75
Bonsai Garden
- 70A5A7
≈ Fairstar
- 9895BB
≈ Indifferent
- BA8C8C
≈ Rose Brown
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--bonsai-garden: #9c9d75;
--bonsai-garden-rgb: 156 157 117;
--bonsai-garden-oklch: oklch(0.685 0.056 109);
}
.element {
color: var(--bonsai-garden);
background-color: hsl(61 17% 54%);
border-color: oklch(0.685 0.056 109);
}Tailwind CSS v4
@theme {
--color-bonsai-garden: #9c9d75;
--color-bonsai-garden-50: #f5f7e5;
--color-bonsai-garden-100: #e8ead5;
--color-bonsai-garden-200: #d5d7bc;
--color-bonsai-garden-300: #b8bb9a;
--color-bonsai-garden-400: #a1a27c;
--color-bonsai-garden-500: #898a5e;
--color-bonsai-garden-600: #747450;
--color-bonsai-garden-700: #5c5d40;
--color-bonsai-garden-800: #44442d;
--color-bonsai-garden-900: #2f2f1e;
--color-bonsai-garden-950: #1c1b0e;
}SCSS
$bonsai-garden: #9c9d75;
$bonsai-garden-rgb: 156, 157, 117;
$bonsai-garden-light: mix(#fff, $bonsai-garden, 20%);
$bonsai-garden-dark: mix(#000, $bonsai-garden, 20%);
.element {
color: $bonsai-garden;
box-shadow: 0 0 0 2px rgba($bonsai-garden, 0.35);
}