Adlandırılmış renk · #BC934D
Different Gold
Different Gold, #BC934D: rgb(188 147 77), hsl(38 45% 52%), oklch(0.687 0.101 79.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Different Gold color name →
#BC934D
oklch(0.687 0.101 79.2)
Renk dönüşümleri
- HEX
- #bc934d
- RGB
- rgb(188 147 77)
- HSL
- hsl(38 45% 52%)
- HWB
- hwb(38 30% 26%)
- OKLCH
- oklch(0.687 0.101 79.2)
- OKLab
- oklab(0.687 0.019 0.099)
- CIE Lab
- lab(63.8 10.06 42.62)
- LCH
- lch(63.8 43.79 76.7)
- CMYK
- cmyk(0% 22% 59% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C39E60
- CAA872
- D0B384
- D7BE96
- DEC9A7
- E4D3B9
- EBDECA
- F2E9DC
- F8F4ED
Koyu tonlar
- A37F42
- 8B6C37
- 73592C
- 5D4722
- 473618
- 32250F
- 1F1607
- 0D0802
- 020100
Gri tonlar
- B69154
- B0905A
- AA8E60
- A48C66
- 9E8A6B
- 98886F
- 928674
- 8C8478
- 86827C
Renk uyumları
Tamamlayıcı +180°
- BC934D
Different Gold
- 749CD9
≈ Ice Blue
Analog -30° +30°
- BC934D
Different Gold
- CD8761
≈ Harvest Time
- 9FA052
≈ Reed Green
Üçlü +120° +240°
- BC934D
Different Gold
- 39ADB2
≈ Pluto
- B686C2
≈ Creeping Bellflower
Bölünmüş tamamlayıcı +150° +210°
- BC934D
Different Gold
- 4EA6CC
≈ Mystic Blue
- 9990D5
≈ Middy’s Purple
Dörtlü +90° +180° +270°
- BC934D
Different Gold
- 51AF90
≈ O’grady Green
- 749CD9
≈ Ice Blue
- C980A4
≈ Moonlight Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.83:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.41:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.41:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--different-gold: #bc934d;
--different-gold-rgb: 188 147 77;
--different-gold-oklch: oklch(0.687 0.101 79.2);
}
.element {
color: var(--different-gold);
background-color: hsl(38 45% 52%);
border-color: oklch(0.687 0.101 79.2);
}Tailwind CSS v4
@theme {
--color-different-gold: #bc934d;
--color-different-gold-50: #fff3d5;
--color-different-gold-100: #f9e5c2;
--color-different-gold-200: #ebd1a4;
--color-different-gold-300: #d2b37b;
--color-different-gold-400: #be9756;
--color-different-gold-500: #aa7d2b;
--color-different-gold-600: #8f6a26;
--color-different-gold-700: #73551f;
--color-different-gold-800: #563d14;
--color-different-gold-900: #3c2a0d;
--color-different-gold-950: #261802;
}SCSS
$different-gold: #bc934d;
$different-gold-rgb: 188, 147, 77;
$different-gold-light: mix(#fff, $different-gold, 20%);
$different-gold-dark: mix(#000, $different-gold, 20%);
.element {
color: $different-gold;
box-shadow: 0 0 0 2px rgba($different-gold, 0.35);
}