أقرب لون مسمّى · #744B1F
#744B1F
أقرب لون مسمّى: Antique Brass
#744B1F (rgb(116 75 31)، hsl(31 58% 29%)، oklch(0.45 0.081 64.8)) أقرب إلى اللون المسمّى Antique Brass. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#744B1F
oklch(0.45 0.081 64.8)
تحويلات الألوان
- HEX
- #744b1f
- RGB
- rgb(116 75 31)
- HSL
- hsl(31 58% 29%)
- HWB
- hwb(31 12% 55%)
- OKLCH
- oklch(0.45 0.081 64.8)
- OKLab
- oklab(0.45 0.034 0.073)
- CIE Lab
- lab(36.01 14.75 32.72)
- LCH
- lch(36.01 35.89 65.7)
- CMYK
- cmyk(0% 35% 73% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 825C36
- 8F6D4B
- 9D7E61
- AB9076
- B9A28C
- C7B4A2
- D5C6B9
- E3D9D0
- F1ECE7
درجات داكنة
- 644019
- 543514
- 452B0F
- 37210A
- 291706
- 1B0E03
- 0F0601
- 050200
- 010000
درجات رمادية
- 76502B
- 775635
- 795B3F
- 7A6149
- 7B6652
- 7C6B5B
- 7D7064
- 7E766E
- 7F7B77
تناسق الألوان
متمم +180°
- 744B1F
Antique Brass
- 2A597F
≈ Bahama Blue
متجاور -30° +30°
- 744B1F
Antique Brass
- 7C4436
≈ Peanut
- 645417
≈ Olive Brown
ثلاثي +120° +240°
- 744B1F
Antique Brass
- 00635B
≈ Dancing Peacock
- 604979
≈ Royal Robe
متمم منقسم +150° +210°
- 744B1F
Antique Brass
- 006071
≈ Ocean Radiance
- 485182
≈ Blue Jewel
رباعي +90° +180° +270°
- 744B1F
Antique Brass
- 2B6241
≈ Green Pea
- 2A597F
≈ Bahama Blue
- 714367
≈ Purple Drab
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.58:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.76:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--antique-brass: #744b1f;
--antique-brass-rgb: 116 75 31;
--antique-brass-oklch: oklch(0.45 0.081 64.8);
}
.element {
color: var(--antique-brass);
background-color: hsl(31 58% 29%);
border-color: oklch(0.45 0.081 64.8);
}Tailwind CSS v4
@theme {
--color-antique-brass: #744b1f;
--color-antique-brass-50: #fff1dd;
--color-antique-brass-100: #fbe3cc;
--color-antique-brass-200: #ecceb0;
--color-antique-brass-300: #d4b08b;
--color-antique-brass-400: #c0956b;
--color-antique-brass-500: #ab7b4a;
--color-antique-brass-600: #91683f;
--color-antique-brass-700: #745332;
--color-antique-brass-800: #563c24;
--color-antique-brass-900: #3c2918;
--color-antique-brass-950: #261709;
}SCSS
$antique-brass: #744b1f;
$antique-brass-rgb: 116, 75, 31;
$antique-brass-light: mix(#fff, $antique-brass, 20%);
$antique-brass-dark: mix(#000, $antique-brass, 20%);
.element {
color: $antique-brass;
box-shadow: 0 0 0 2px rgba($antique-brass, 0.35);
}