لون مسمّى · #DD9475
Buffed Copper
Buffed Copper هو #DD9475: rgb(221 148 117)، hsl(18 60% 66%)، oklch(0.732 0.099 43.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Buffed Copper color name →
#DD9475
oklch(0.732 0.099 43.8)
تحويلات الألوان
- HEX
- #dd9475
- RGB
- rgb(221 148 117)
- HSL
- hsl(18 60% 66%)
- HWB
- hwb(18 46% 13%)
- OKLCH
- oklch(0.732 0.099 43.8)
- OKLab
- oklab(0.732 0.071 0.068)
- CIE Lab
- lab(68.31 25.79 28.21)
- LCH
- lch(68.31 38.22 47.6)
- CMYK
- cmyk(0% 33% 47% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E19F83
- E5A990
- E9B49E
- EDBFAC
- F0C9B9
- F3D4C7
- F7DFD5
- FAE9E3
- FCF4F1
درجات داكنة
- C08065
- A46D55
- 885A46
- 6E4837
- 553629
- 3D261C
- 26160F
- 110805
- 020101
درجات رمادية
- D49277
- CB9178
- C18F79
- B88D7B
- AF8B7C
- A6897D
- 9C877E
- 93857F
- 8A827F
تناسق الألوان
متمم +180°
- DD9475
Buffed Copper
- 5AB6D6
≈ Aquella
متجاور -30° +30°
- DD9475
Buffed Copper
- DF8E96
≈ Ruddy Pink
- CE9F5F
≈ Sunrise Heat
ثلاثي +120° +240°
- DD9475
Buffed Copper
- 69BC97
≈ Katydid
- A0A0E5
≈ Cold Lips
متمم منقسم +150° +210°
- DD9475
Buffed Copper
- 4FBCBA
≈ Lagoon Rock
- 7CACE6
≈ Jordy Blue
رباعي +90° +180° +270°
- DD9475
Buffed Copper
- 8FB676
≈ Flavoparmelia Caperata
- 5AB6D6
≈ Aquella
- BF96D4
≈ Amethyst Show
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.45:1 · APCA Lc 48
Ag
AAAعلى الأسود
WCAG 8.56:1 · APCA Lc 54
أفضل لون للنص: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--buffed-copper: #dd9475;
--buffed-copper-rgb: 221 148 117;
--buffed-copper-oklch: oklch(0.732 0.099 43.8);
}
.element {
color: var(--buffed-copper);
background-color: hsl(18 60% 66%);
border-color: oklch(0.732 0.099 43.8);
}Tailwind CSS v4
@theme {
--color-buffed-copper: #dd9475;
--color-buffed-copper-50: #ffedde;
--color-buffed-copper-100: #ffdecd;
--color-buffed-copper-200: #f9c8b1;
--color-buffed-copper-300: #e3a88d;
--color-buffed-copper-400: #d08b6e;
--color-buffed-copper-500: #bc6f4e;
--color-buffed-copper-600: #9f5e43;
--color-buffed-copper-700: #804b35;
--color-buffed-copper-800: #5f3626;
--color-buffed-copper-900: #43251a;
--color-buffed-copper-950: #2b130a;
}SCSS
$buffed-copper: #dd9475;
$buffed-copper-rgb: 221, 148, 117;
$buffed-copper-light: mix(#fff, $buffed-copper, 20%);
$buffed-copper-dark: mix(#000, $buffed-copper, 20%);
.element {
color: $buffed-copper;
box-shadow: 0 0 0 2px rgba($buffed-copper, 0.35);
}