En yakın adlandırılmış renk · #BC6734
#BC6734
En yakın adlandırılmış renk: Dwarven Bronze
#BC6734 (rgb(188 103 52), hsl(22 57% 47%), oklch(0.602 0.127 49.3)) en çok Dwarven Bronze 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.
#BC6734
oklch(0.602 0.127 49.3)
Renk dönüşümleri
- HEX
- #bc6734
- RGB
- rgb(188 103 52)
- HSL
- hsl(22 57% 47%)
- HWB
- hwb(22 20% 26%)
- OKLCH
- oklch(0.602 0.127 49.3)
- OKLab
- oklab(0.602 0.083 0.096)
- CIE Lab
- lab(53.08 31.92 43.43)
- LCH
- lch(53.08 53.9 53.7)
- CMYK
- cmyk(0% 45% 72% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4764A
- CB865F
- D39573
- DAA487
- E1B39A
- E7C2AE
- EED1C2
- F4E0D6
- F9F0EB
Koyu tonlar
- A3592C
- 8B4B24
- 733D1C
- 5D3015
- 47230E
- 321707
- 1F0C03
- 0D0401
- 020000
Gri tonlar
- B76A3E
- B16D47
- AC7050
- A67357
- A0765F
- 9A7866
- 947A6D
- 8E7C73
- 877E7A
Renk uyumları
Tamamlayıcı +180°
- BC6734
Dwarven Bronze
- 008DB9
≈ Hawaiian Ocean
Analog -30° +30°
- BC6734
Dwarven Bronze
- C15E62
≈ Her Velour
- A87600
≈ Falafel
Üçlü +120° +240°
- BC6734
Dwarven Bronze
- 009775
≈ Cadaverous
- 8072C7
≈ Kickstart Purple
Bölünmüş tamamlayıcı +150° +210°
- BC6734
Dwarven Bronze
- 009398
≈ Peacock Feather
- 5180CC
≈ Serenity’s Reign
Dörtlü +90° +180° +270°
- BC6734
Dwarven Bronze
- 569346
≈ Discover Deco
- 008DB9
≈ Hawaiian Ocean
- A166B0
≈ Prickly Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.09:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.12:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--dwarven-bronze: #bc6734;
--dwarven-bronze-rgb: 188 103 52;
--dwarven-bronze-oklch: oklch(0.602 0.127 49.3);
}
.element {
color: var(--dwarven-bronze);
background-color: hsl(22 57% 47%);
border-color: oklch(0.602 0.127 49.3);
}Tailwind CSS v4
@theme {
--color-dwarven-bronze: #bc6734;
--color-dwarven-bronze-50: #ffecd5;
--color-dwarven-bronze-100: #ffddc2;
--color-dwarven-bronze-200: #ffc5a3;
--color-dwarven-bronze-300: #eca57b;
--color-dwarven-bronze-400: #da8757;
--color-dwarven-bronze-500: #c7692e;
--color-dwarven-bronze-600: #a85929;
--color-dwarven-bronze-700: #874720;
--color-dwarven-bronze-800: #653317;
--color-dwarven-bronze-900: #47230f;
--color-dwarven-bronze-950: #2e1103;
}SCSS
$dwarven-bronze: #bc6734;
$dwarven-bronze-rgb: 188, 103, 52;
$dwarven-bronze-light: mix(#fff, $dwarven-bronze, 20%);
$dwarven-bronze-dark: mix(#000, $dwarven-bronze, 20%);
.element {
color: $dwarven-bronze;
box-shadow: 0 0 0 2px rgba($dwarven-bronze, 0.35);
}