Adlandırılmış renk · #AB7141
Byzantine Copper
Byzantine Copper, #AB7141: rgb(171 113 65), hsl(27 45% 46%), oklch(0.6 0.097 59). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Byzantine Copper color name →
#AB7141
oklch(0.6 0.097 59)
Renk dönüşümleri
- HEX
- #ab7141
- RGB
- rgb(171 113 65)
- HSL
- hsl(27 45% 46%)
- HWB
- hwb(27 25% 33%)
- OKLCH
- oklch(0.6 0.097 59)
- OKLab
- oklab(0.6 0.05 0.083)
- CIE Lab
- lab(53.19 20.06 36.07)
- LCH
- lch(53.19 41.27 60.9)
- CMYK
- cmyk(0% 34% 62% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B47F54
- BD8D67
- C59B7A
- CEA98C
- D6B79F
- DFC5B2
- E7D3C5
- EFE2D8
- F7F0EB
Koyu tonlar
- 946137
- 7E522E
- 684325
- 54351C
- 402713
- 2D1A0B
- 1B0E05
- 0B0401
- 010100
Gri tonlar
- A77349
- A37550
- 9F7657
- 9B785D
- 977A63
- 927B69
- 8E7C6F
- 897E75
- 857F7A
Renk uyumları
Tamamlayıcı +180°
- AB7141
Byzantine Copper
- 4288B4
≈ Walker Lake
Analog -30° +30°
- AB7141
Byzantine Copper
- B3695E
≈ Peach Dunes
- 987D33
≈ Fernweh
Üçlü +120° +240°
- AB7141
Byzantine Copper
- 2A9381
≈ Miami Jade
- 8873B2
≈ Dahlia Purple
Bölünmüş tamamlayıcı +150° +210°
- AB7141
Byzantine Copper
- 1C909F
≈ Jaded
- 687DBB
≈ Persian Jewel
Dörtlü +90° +180° +270°
- AB7141
Byzantine Copper
- 54905F
≈ Middle Green
- 4288B4
≈ Walker Lake
- A06A9D
≈ Dark Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.06:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.16:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--byzantine-copper: #ab7141;
--byzantine-copper-rgb: 171 113 65;
--byzantine-copper-oklch: oklch(0.6 0.097 59);
}
.element {
color: var(--byzantine-copper);
background-color: hsl(27 45% 46%);
border-color: oklch(0.6 0.097 59);
}Tailwind CSS v4
@theme {
--color-byzantine-copper: #ab7141;
--color-byzantine-copper-50: #fff0da;
--color-byzantine-copper-100: #ffe1c8;
--color-byzantine-copper-200: #f4cbab;
--color-byzantine-copper-300: #ddac84;
--color-byzantine-copper-400: #ca9063;
--color-byzantine-copper-500: #b5753f;
--color-byzantine-copper-600: #996336;
--color-byzantine-copper-700: #7b4f2b;
--color-byzantine-copper-800: #5c391e;
--color-byzantine-copper-900: #402714;
--color-byzantine-copper-950: #291506;
}SCSS
$byzantine-copper: #ab7141;
$byzantine-copper-rgb: 171, 113, 65;
$byzantine-copper-light: mix(#fff, $byzantine-copper, 20%);
$byzantine-copper-dark: mix(#000, $byzantine-copper, 20%);
.element {
color: $byzantine-copper;
box-shadow: 0 0 0 2px rgba($byzantine-copper, 0.35);
}