أقرب لون مسمّى · #D58765
#D58765
أقرب لون مسمّى: Copper Coin
#D58765 (rgb(213 135 101)، hsl(18 57% 62%)، oklch(0.697 0.107 44.1)) أقرب إلى اللون المسمّى Copper Coin. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D58765
oklch(0.697 0.107 44.1)
تحويلات الألوان
- HEX
- #d58765
- RGB
- rgb(213 135 101)
- HSL
- hsl(18 57% 62%)
- HWB
- hwb(18 40% 16%)
- OKLCH
- oklch(0.697 0.107 44.1)
- OKLab
- oklab(0.697 0.077 0.075)
- CIE Lab
- lab(64.13 28.15 31.33)
- LCH
- lch(64.13 42.12 48.1)
- CMYK
- cmyk(0% 37% 53% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DA9374
- DF9F84
- E4AB93
- E8B7A2
- EDC3B1
- F1CFC1
- F5DBD0
- F8E7E0
- FCF3EF
درجات داكنة
- B97557
- 9E6349
- 83513C
- 6A412F
- 513122
- 3A2117
- 24130C
- 100603
- 020100
درجات رمادية
- CD8768
- C4866C
- BC866F
- B48572
- AB8574
- A38477
- 9A8379
- 92827C
- 89817E
تناسق الألوان
متمم +180°
- D58765
Copper Coin
- 43ABCF
≈ Maximum Blue
متجاور -30° +30°
- D58765
Copper Coin
- D78189
≈ Rhubarb Pie
- C5934C
≈ Narcissus
ثلاثي +120° +240°
- D58765
Copper Coin
- 55B28C
≈ Aruba Green
- 9594DE
≈ Portage
متمم منقسم +150° +210°
- D58765
Copper Coin
- 32B2B1
≈ Lake Tahoe Turquoise
- 6EA0DF
≈ Windjammer
رباعي +90° +180° +270°
- D58765
Copper Coin
- 81AC66
≈ Jealousy
- 43ABCF
≈ Maximum Blue
- B689CC
≈ Creeping Bellflower
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.48:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--copper-coin: #d58765;
--copper-coin-rgb: 213 135 101;
--copper-coin-oklch: oklch(0.697 0.107 44.1);
}
.element {
color: var(--copper-coin);
background-color: hsl(18 57% 62%);
border-color: oklch(0.697 0.107 44.1);
}Tailwind CSS v4
@theme {
--color-copper-coin: #d58765;
--color-copper-coin-50: #ffecdc;
--color-copper-coin-100: #ffdeca;
--color-copper-coin-200: #fcc7ae;
--color-copper-coin-300: #e6a789;
--color-copper-coin-400: #d48969;
--color-copper-coin-500: #c06d48;
--color-copper-coin-600: #a25c3d;
--color-copper-coin-700: #824a31;
--color-copper-coin-800: #613523;
--color-copper-coin-900: #442417;
--color-copper-coin-950: #2c1308;
}SCSS
$copper-coin: #d58765;
$copper-coin-rgb: 213, 135, 101;
$copper-coin-light: mix(#fff, $copper-coin, 20%);
$copper-coin-dark: mix(#000, $copper-coin, 20%);
.element {
color: $copper-coin;
box-shadow: 0 0 0 2px rgba($copper-coin, 0.35);
}