Adlandırılmış renk · #BC9B1B
Buddha Gold
Buddha Gold, #BC9B1B: rgb(188 155 27), hsl(48 75% 42%), oklch(0.7 0.137 92.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Buddha Gold color name →
#BC9B1B
oklch(0.7 0.137 92.7)
Renk dönüşümleri
- HEX
- #bc9b1b
- RGB
- rgb(188 155 27)
- HSL
- hsl(48 75% 42%)
- HWB
- hwb(48 11% 26%)
- OKLCH
- oklch(0.7 0.137 92.7)
- OKLab
- oklab(0.7 -0.006 0.137)
- CIE Lab
- lab(65.56 4.14 63.85)
- LCH
- lch(65.56 63.99 86.3)
- CMYK
- cmyk(0% 18% 86% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3A540
- C9AF5A
- D0B971
- D6C386
- DDCD9B
- E4D7AF
- EBE1C3
- F1EBD7
- F8F5EB
Koyu tonlar
- A38616
- 8B7211
- 735E0C
- 5D4B08
- 473905
- 322802
- 1F1801
- 0D0900
- 020100
Gri tonlar
- B69931
- B09640
- AA944C
- A49155
- 9E8E5E
- 988C66
- 92896D
- 8C8674
- 86837A
Renk uyumları
Tamamlayıcı +180°
- BC9B1B
Buddha Gold
- 8297F3
≈ Periwinkle Blue
Analog -30° +30°
- BC9B1B
Buddha Gold
- D98936
≈ Coppersmith
- 8FAC41
≈ Beautiful Mint
Üçlü +120° +240°
- BC9B1B
Buddha Gold
- 00B1CB
≈ Havasupai Falls
- D07CC3
≈ Purple Kush
Bölünmüş tamamlayıcı +150° +210°
- BC9B1B
Buddha Gold
- 43A7EC
≈ Cerulean
- AF88E4
≈ Lavender Blossom
Dörtlü +90° +180° +270°
- BC9B1B
Buddha Gold
- 00B7A5
≈ Aare River
- 8297F3
≈ Periwinkle Blue
- E37796
≈ Loveland
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.67:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.84:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--buddha-gold: #bc9b1b;
--buddha-gold-rgb: 188 155 27;
--buddha-gold-oklch: oklch(0.7 0.137 92.7);
}
.element {
color: var(--buddha-gold);
background-color: hsl(48 75% 42%);
border-color: oklch(0.7 0.137 92.7);
}Tailwind CSS v4
@theme {
--color-buddha-gold: #bc9b1b;
--color-buddha-gold-50: #fff5c9;
--color-buddha-gold-100: #f6e8b4;
--color-buddha-gold-200: #e7d490;
--color-buddha-gold-300: #ceb761;
--color-buddha-gold-400: #bb9b2a;
--color-buddha-gold-500: #a68200;
--color-buddha-gold-600: #8c6e00;
--color-buddha-gold-700: #705800;
--color-buddha-gold-800: #543f00;
--color-buddha-gold-900: #3b2c00;
--color-buddha-gold-950: #251900;
}SCSS
$buddha-gold: #bc9b1b;
$buddha-gold-rgb: 188, 155, 27;
$buddha-gold-light: mix(#fff, $buddha-gold, 20%);
$buddha-gold-dark: mix(#000, $buddha-gold, 20%);
.element {
color: $buddha-gold;
box-shadow: 0 0 0 2px rgba($buddha-gold, 0.35);
}