لون مسمّى · #B97254
Warm Copper
Warm Copper هو #B97254: rgb(185 114 84)، hsl(18 42% 53%)، oklch(0.622 0.1 43.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Warm Copper color name →
#B97254
oklch(0.622 0.1 43.4)
تحويلات الألوان
- HEX
- #b97254
- RGB
- rgb(185 114 84)
- HSL
- hsl(18 42% 53%)
- HWB
- hwb(18 33% 27%)
- OKLCH
- oklch(0.622 0.1 43.4)
- OKLab
- oklab(0.622 0.073 0.069)
- CIE Lab
- lab(55.48 26.54 28.97)
- LCH
- lch(55.48 39.28 47.5)
- CMYK
- cmyk(0% 38% 55% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C18065
- C88E75
- D09C86
- D7AA97
- DEB8A8
- E5C6B9
- ECD4CA
- F2E2DC
- F9F1ED
درجات داكنة
- A06248
- 89533C
- 714431
- 5B3626
- 46281B
- 311B11
- 1E0E08
- 0D0402
- 020100
درجات رمادية
- B47459
- AE765E
- A97763
- A47967
- 9E7A6B
- 987C70
- 927D74
- 8C7E78
- 867F7C
تناسق الألوان
متمم +180°
- B97254
Warm Copper
- 3193B3
≈ Enchanted Well
متجاور -30° +30°
- B97254
Warm Copper
- BB6C75
≈ Cherry Fizz
- AB7D3C
≈ Kaolin
ثلاثي +120° +240°
- B97254
Warm Copper
- 449A76
≈ Dancing Jewel
- 7F7EC1
≈ Faraway Sky
متمم منقسم +150° +210°
- B97254
Warm Copper
- 1F9998
≈ Java
- 5A8AC2
≈ Danube
رباعي +90° +180° +270°
- B97254
Warm Copper
- 6E9454
≈ Drab Green
- 3193B3
≈ Enchanted Well
- 9C74B1
≈ Purple Pride
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.75:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.59:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--warm-copper: #b97254;
--warm-copper-rgb: 185 114 84;
--warm-copper-oklch: oklch(0.622 0.1 43.4);
}
.element {
color: var(--warm-copper);
background-color: hsl(18 42% 53%);
border-color: oklch(0.622 0.1 43.4);
}Tailwind CSS v4
@theme {
--color-warm-copper: #b97254;
--color-warm-copper-50: #ffedde;
--color-warm-copper-100: #ffdecd;
--color-warm-copper-200: #fac8b1;
--color-warm-copper-300: #e3a88d;
--color-warm-copper-400: #d08b6e;
--color-warm-copper-500: #bd6f4d;
--color-warm-copper-600: #9f5e42;
--color-warm-copper-700: #804b35;
--color-warm-copper-800: #5f3626;
--color-warm-copper-900: #432519;
--color-warm-copper-950: #2b130a;
}SCSS
$warm-copper: #b97254;
$warm-copper-rgb: 185, 114, 84;
$warm-copper-light: mix(#fff, $warm-copper, 20%);
$warm-copper-dark: mix(#000, $warm-copper, 20%);
.element {
color: $warm-copper;
box-shadow: 0 0 0 2px rgba($warm-copper, 0.35);
}