Adlandırılmış renk · #829F96
Japanese Bonsai
Japanese Bonsai, #829F96: rgb(130 159 150), hsl(161 13% 57%), oklch(0.678 0.035 174.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Japanese Bonsai color name →
#829F96
oklch(0.678 0.035 174.4)
Renk dönüşümleri
- HEX
- #829f96
- RGB
- rgb(130 159 150)
- HSL
- hsl(161 13% 57%)
- HWB
- hwb(161 51% 38%)
- OKLCH
- oklch(0.678 0.035 174.4)
- OKLab
- oklab(0.678 -0.035 0.003)
- CIE Lab
- lab(63.07 -11.9 1.18)
- LCH
- lch(63.07 11.96 174.3)
- CMYK
- cmyk(18% 0% 6% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EA8A0
- 9AB2AA
- A6BBB4
- B3C4BF
- BFCEC9
- CCD8D4
- D8E1DE
- E5EBE9
- F2F5F4
Koyu tonlar
- 708A82
- 5F756E
- 4E615B
- 3E4D49
- 2F3B37
- 202926
- 121816
- 060908
- 010101
Gri tonlar
- 829C94
- 829992
- 82968F
- 82938D
- 818F8B
- 818C89
- 818987
- 818684
- 808382
Renk uyumları
Tamamlayıcı +180°
- 829F96
Japanese Bonsai
- AA8F99
≈ Mauve Shadows
Analog -30° +30°
- 829F96
Japanese Bonsai
- 8B9E8A
≈ Farm Fresh
- 7F9EA2
≈ Gould Blue
Üçlü +120° +240°
- 829F96
Japanese Bonsai
- 9894AC
≈ Lilac Blossom
- A99284
≈ Delta Sandbar
Bölünmüş tamamlayıcı +150° +210°
- 829F96
Japanese Bonsai
- A391A4
≈ Fields of Provence
- AC908D
≈ Ash Hollow
Dörtlü +90° +180° +270°
- 829F96
Japanese Bonsai
- 8D98AE
≈ Moon Veil
- AA8F99
≈ Mauve Shadows
- A29680
≈ Bridle Path
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.85:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.34:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--japanese-bonsai: #829f96;
--japanese-bonsai-rgb: 130 159 150;
--japanese-bonsai-oklch: oklch(0.678 0.035 174.4);
}
.element {
color: var(--japanese-bonsai);
background-color: hsl(161 13% 57%);
border-color: oklch(0.678 0.035 174.4);
}Tailwind CSS v4
@theme {
--color-japanese-bonsai: #829f96;
--color-japanese-bonsai-50: #ebf9f5;
--color-japanese-bonsai-100: #dcece7;
--color-japanese-bonsai-200: #c6d9d4;
--color-japanese-bonsai-300: #a6beb7;
--color-japanese-bonsai-400: #8aa69d;
--color-japanese-bonsai-500: #6f8e84;
--color-japanese-bonsai-600: #5e7870;
--color-japanese-bonsai-700: #4b605a;
--color-japanese-bonsai-800: #364641;
--color-japanese-bonsai-900: #25312d;
--color-japanese-bonsai-950: #141d1a;
}SCSS
$japanese-bonsai: #829f96;
$japanese-bonsai-rgb: 130, 159, 150;
$japanese-bonsai-light: mix(#fff, $japanese-bonsai, 20%);
$japanese-bonsai-dark: mix(#000, $japanese-bonsai, 20%);
.element {
color: $japanese-bonsai;
box-shadow: 0 0 0 2px rgba($japanese-bonsai, 0.35);
}