لون مسمّى · #735551
Rosy Sandstone
Rosy Sandstone هو #735551: rgb(115 85 81)، hsl(7 17% 38%)، oklch(0.48 0.041 27.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Rosy Sandstone color name →
#735551
oklch(0.48 0.041 27.3)
تحويلات الألوان
- HEX
- #735551
- RGB
- rgb(115 85 81)
- HSL
- hsl(7 17% 38%)
- HWB
- hwb(7 32% 55%)
- OKLCH
- oklch(0.48 0.041 27.3)
- OKLab
- oklab(0.48 0.036 0.019)
- CIE Lab
- lab(39.29 12.38 7.45)
- LCH
- lch(39.29 14.45 31.1)
- CMYK
- cmyk(0% 26% 30% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 806561
- 8E7471
- 9C8582
- A99592
- B7A6A4
- C5B7B5
- D4C9C7
- E2DBDA
- F0EDEC
درجات داكنة
- 634945
- 543D3A
- 45312F
- 362624
- 281C1A
- 1B1110
- 0F0807
- 050202
- 010000
درجات رمادية
- 755956
- 765E5A
- 77625F
- 796663
- 7A6A68
- 7B6F6D
- 7D7372
- 7E7776
- 7F7C7B
تناسق الألوان
متمم +180°
- 735551
Rosy Sandstone
- 416469
≈ Wanderlust
متجاور -30° +30°
- 735551
Rosy Sandstone
- 71545E
≈ Exotic Eggplant
- 705847
≈ Rustic Tobacco
ثلاثي +120° +240°
- 735551
Rosy Sandstone
- 4E6450
≈ Pasture Green
- 535D75
≈ Vintage Indigo
متمم منقسم +150° +210°
- 735551
Rosy Sandstone
- 44655D
≈ Pine Haven
- 486172
≈ Deepest Water
رباعي +90° +180° +270°
- 735551
Rosy Sandstone
- 5B6147
≈ Old Botanical Garden
- 416469
≈ Wanderlust
- 605972
≈ Head Over Heels
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.67:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.14:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rosy-sandstone: #735551;
--rosy-sandstone-rgb: 115 85 81;
--rosy-sandstone-oklch: oklch(0.48 0.041 27.3);
}
.element {
color: var(--rosy-sandstone);
background-color: hsl(7 17% 38%);
border-color: oklch(0.48 0.041 27.3);
}Tailwind CSS v4
@theme {
--color-rosy-sandstone: #735551;
--color-rosy-sandstone-50: #fff1ee;
--color-rosy-sandstone-100: #f5e3e0;
--color-rosy-sandstone-200: #e5ceca;
--color-rosy-sandstone-300: #ccb0ab;
--color-rosy-sandstone-400: #b59691;
--color-rosy-sandstone-500: #a07c77;
--color-rosy-sandstone-600: #876965;
--color-rosy-sandstone-700: #6c5451;
--color-rosy-sandstone-800: #503d3b;
--color-rosy-sandstone-900: #372a29;
--color-rosy-sandstone-950: #221816;
}SCSS
$rosy-sandstone: #735551;
$rosy-sandstone-rgb: 115, 85, 81;
$rosy-sandstone-light: mix(#fff, $rosy-sandstone, 20%);
$rosy-sandstone-dark: mix(#000, $rosy-sandstone, 20%);
.element {
color: $rosy-sandstone;
box-shadow: 0 0 0 2px rgba($rosy-sandstone, 0.35);
}