لون مسمّى · #794029
Burnished Russet
Burnished Russet هو #794029: rgb(121 64 41)، hsl(17 49% 32%)، oklch(0.437 0.087 42.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Burnished Russet color name →
#794029
oklch(0.437 0.087 42.2)
تحويلات الألوان
- HEX
- #794029
- RGB
- rgb(121 64 41)
- HSL
- hsl(17 49% 32%)
- HWB
- hwb(17 16% 53%)
- OKLCH
- oklch(0.437 0.087 42.2)
- OKLab
- oklab(0.437 0.064 0.058)
- CIE Lab
- lab(34.12 23.72 25.35)
- LCH
- lch(34.12 34.72 46.9)
- CMYK
- cmyk(0% 47% 66% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 87523D
- 946451
- A27665
- AF897A
- BD9C8F
- CAAFA5
- D7C3BB
- E5D6D1
- F2EBE8
درجات داكنة
- 683622
- 582D1C
- 482415
- 391B0F
- 2B1309
- 1D0B05
- 100502
- 050101
- 010000
درجات رمادية
- 7A4732
- 7C4D3B
- 7D5444
- 7E5A4C
- 7F6155
- 7F675E
- 806D66
- 80746F
- 807A77
تناسق الألوان
متمم +180°
- 794029
Burnished Russet
- 005B72
≈ Octagon Ocean
متجاور -30° +30°
- 794029
Burnished Russet
- 7A3C45
≈ Amfissa Olive
- 6F490E
≈ Antique Bronze
ثلاثي +120° +240°
- 794029
Burnished Russet
- 156043
≈ Green Paw Paw
- 4B4B80
≈ Altar of Heaven
متمم منقسم +150° +210°
- 794029
Burnished Russet
- 005F5D
≈ Mosque
- 2B5480
≈ Boat Blue
رباعي +90° +180° +270°
- 794029
Burnished Russet
- 3F5C26
≈ Obscure Olive
- 005B72
≈ Octagon Ocean
- 624374
≈ Magenta Red Lips
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.14:1 · APCA Lc 88
Ag
Failعلى الأسود
WCAG 2.57:1 · APCA Lc 14
أفضل لون للنص: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--burnished-russet: #794029;
--burnished-russet-rgb: 121 64 41;
--burnished-russet-oklch: oklch(0.437 0.087 42.2);
}
.element {
color: var(--burnished-russet);
background-color: hsl(17 49% 32%);
border-color: oklch(0.437 0.087 42.2);
}Tailwind CSS v4
@theme {
--color-burnished-russet: #794029;
--color-burnished-russet-50: #ffeee1;
--color-burnished-russet-100: #ffdfd1;
--color-burnished-russet-200: #f5c9b7;
--color-burnished-russet-300: #deaa93;
--color-burnished-russet-400: #cb8e76;
--color-burnished-russet-500: #b77257;
--color-burnished-russet-600: #9a614a;
--color-burnished-russet-700: #7c4d3b;
--color-burnished-russet-800: #5c382b;
--color-burnished-russet-900: #40261d;
--color-burnished-russet-950: #29140d;
}SCSS
$burnished-russet: #794029;
$burnished-russet-rgb: 121, 64, 41;
$burnished-russet-light: mix(#fff, $burnished-russet, 20%);
$burnished-russet-dark: mix(#000, $burnished-russet, 20%);
.element {
color: $burnished-russet;
box-shadow: 0 0 0 2px rgba($burnished-russet, 0.35);
}