لون مسمّى · #B56C23
Hardy Clay
Hardy Clay هو #B56C23: rgb(181 108 35)، hsl(30 68% 42%)، oklch(0.6 0.125 60.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Hardy Clay color name →
#B56C23
oklch(0.6 0.125 60.6)
تحويلات الألوان
- HEX
- #b56c23
- RGB
- rgb(181 108 35)
- HSL
- hsl(30 68% 42%)
- HWB
- hwb(30 14% 29%)
- OKLCH
- oklch(0.6 0.125 60.6)
- OKLab
- oklab(0.6 0.061 0.109)
- CIE Lab
- lab(53.09 25.88 50.74)
- LCH
- lch(53.09 56.96 63)
- CMYK
- cmyk(0% 40% 81% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BD7B3F
- C58956
- CD986C
- D5A681
- DCB596
- E4C4AA
- EBD2BF
- F2E1D4
- F8F0EA
درجات داكنة
- 9D5D1D
- 864E17
- 6F4011
- 59320C
- 442507
- 301904
- 1D0D01
- 0C0400
- 020000
درجات رمادية
- B06F32
- AB713E
- A67448
- A17651
- 9C785A
- 977A62
- 917B6A
- 8C7D71
- 867F79
تناسق الألوان
متمم +180°
- B56C23
Hardy Clay
- 2588C3
≈ Klaxosaur Blue
متجاور -30° +30°
- B56C23
Hardy Clay
- BF6051
≈ Too Hot to Handle
- 9C7C00
≈ Yellowish Brown
ثلاثي +120° +240°
- B56C23
Hardy Clay
- 009583
≈ Approval Green
- 8D6DBF
≈ Middle Blue Purple
متمم منقسم +150° +210°
- B56C23
Hardy Clay
- 0090A3
≈ Oasis
- 647ACB
≈ Indigo Light
رباعي +90° +180° +270°
- B56C23
Hardy Clay
- 3E9557
≈ Eucalyptus
- 2588C3
≈ Klaxosaur Blue
- AA62A3
≈ Iris Orchid
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.09:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 5.13:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hardy-clay: #b56c23;
--hardy-clay-rgb: 181 108 35;
--hardy-clay-oklch: oklch(0.6 0.125 60.6);
}
.element {
color: var(--hardy-clay);
background-color: hsl(30 68% 42%);
border-color: oklch(0.6 0.125 60.6);
}Tailwind CSS v4
@theme {
--color-hardy-clay: #b56c23;
--color-hardy-clay-50: #ffeed1;
--color-hardy-clay-100: #ffe0be;
--color-hardy-clay-200: #fbc99d;
--color-hardy-clay-300: #e5a973;
--color-hardy-clay-400: #d48c4c;
--color-hardy-clay-500: #c06f17;
--color-hardy-clay-600: #a25f18;
--color-hardy-clay-700: #824b13;
--color-hardy-clay-800: #62360d;
--color-hardy-clay-900: #442508;
--color-hardy-clay-950: #2c1300;
}SCSS
$hardy-clay: #b56c23;
$hardy-clay-rgb: 181, 108, 35;
$hardy-clay-light: mix(#fff, $hardy-clay, 20%);
$hardy-clay-dark: mix(#000, $hardy-clay, 20%);
.element {
color: $hardy-clay;
box-shadow: 0 0 0 2px rgba($hardy-clay, 0.35);
}