لون مسمّى · #B5745C
Weathered Saddle
Weathered Saddle هو #B5745C: rgb(181 116 92)، hsl(16 38% 54%)، oklch(0.622 0.09 41). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Weathered Saddle color name →
#B5745C
oklch(0.622 0.09 41)
تحويلات الألوان
- HEX
- #b5745c
- RGB
- rgb(181 116 92)
- HSL
- hsl(16 38% 54%)
- HWB
- hwb(16 36% 29%)
- OKLCH
- oklch(0.622 0.09 41)
- OKLab
- oklab(0.622 0.068 0.059)
- CIE Lab
- lab(55.53 24.36 24.42)
- LCH
- lch(55.53 34.49 45.1)
- CMYK
- cmyk(0% 36% 49% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BD826C
- C58F7B
- CD9D8B
- D4AA9B
- DCB8AB
- E3C6BC
- EAD4CC
- F1E2DD
- F8F1EE
درجات داكنة
- 9D644F
- 865442
- 6F4536
- 59372A
- 44291F
- 301B14
- 1D0F0A
- 0C0503
- 020100
درجات رمادية
- B07660
- AB7764
- A67868
- A17A6B
- 9C7B6F
- 967C72
- 917D76
- 8C7E79
- 867F7D
تناسق الألوان
متمم +180°
- B5745C
Weathered Saddle
- 3E93AD
≈ Enchanted Well
متجاور -30° +30°
- B5745C
Weathered Saddle
- B67079
≈ Dusty Rose
- A97D47
≈ Tosty Crust
ثلاثي +120° +240°
- B5745C
Weathered Saddle
- 519875
≈ Fake Fern
- 7D80BC
≈ Deep Periwinkle
متمم منقسم +150° +210°
- B5745C
Weathered Saddle
- 369894
≈ Sea
- 5D8ABB
≈ Danube
رباعي +90° +180° +270°
- B5745C
Weathered Saddle
- 749258
≈ Piquant Green
- 3E93AD
≈ Enchanted Well
- 9877AF
≈ Lavender Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.73:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.61:1 · APCA Lc 37
أفضل لون للنص: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--weathered-saddle: #b5745c;
--weathered-saddle-rgb: 181 116 92;
--weathered-saddle-oklch: oklch(0.622 0.09 41);
}
.element {
color: var(--weathered-saddle);
background-color: hsl(16 38% 54%);
border-color: oklch(0.622 0.09 41);
}Tailwind CSS v4
@theme {
--color-weathered-saddle: #b5745c;
--color-weathered-saddle-50: #ffeee1;
--color-weathered-saddle-100: #ffdfd1;
--color-weathered-saddle-200: #f7c9b6;
--color-weathered-saddle-300: #e0a993;
--color-weathered-saddle-400: #cc8d75;
--color-weathered-saddle-500: #b87157;
--color-weathered-saddle-600: #9c604a;
--color-weathered-saddle-700: #7d4d3b;
--color-weathered-saddle-800: #5d372b;
--color-weathered-saddle-900: #41261d;
--color-weathered-saddle-950: #2a140d;
}SCSS
$weathered-saddle: #b5745c;
$weathered-saddle-rgb: 181, 116, 92;
$weathered-saddle-light: mix(#fff, $weathered-saddle, 20%);
$weathered-saddle-dark: mix(#000, $weathered-saddle, 20%);
.element {
color: $weathered-saddle;
box-shadow: 0 0 0 2px rgba($weathered-saddle, 0.35);
}