لون مسمّى · #B1575F
Alsike Clover Red
Alsike Clover Red هو #B1575F: rgb(177 87 95)، hsl(355 37% 52%)، oklch(0.568 0.117 16). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Alsike Clover Red color name →
#B1575F
oklch(0.568 0.117 16)
تحويلات الألوان
- HEX
- #b1575f
- RGB
- rgb(177 87 95)
- HSL
- hsl(355 37% 52%)
- HWB
- hwb(355 34% 31%)
- OKLCH
- oklch(0.568 0.117 16)
- OKLab
- oklab(0.568 0.113 0.032)
- CIE Lab
- lab(48.65 37.95 13.45)
- LCH
- lch(48.65 40.26 19.5)
- CMYK
- cmyk(0% 51% 46% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BA686E
- C3787D
- CC898C
- D4999C
- DCAAAC
- E3BBBC
- EBCCCC
- F2DDDD
- F9EEEE
درجات داكنة
- 994B52
- 833E44
- 6C3338
- 57272C
- 421C20
- 2F1215
- 1C080A
- 0C0303
- 010000
درجات رمادية
- AD5C62
- A96166
- A56569
- A0696C
- 9B6E70
- 967173
- 917576
- 8C7979
- 867D7D
تناسق الألوان
متمم +180°
- B1575F
Alsike Clover Red
- 008889
≈ Green Moblin
متجاور -30° +30°
- B1575F
Alsike Clover Red
- A75885
≈ Cyclamen Red
- AE5E36
≈ Monument Valley
ثلاثي +120° +240°
- B1575F
Alsike Clover Red
- 56863C
≈ The Legend of Green
- 4678BB
≈ Ashton Blue
متمم منقسم +150° +210°
- B1575F
Alsike Clover Red
- 038C67
≈ Kabalite Green
- 0083A7
≈ Tibetan Turquoise
رباعي +90° +180° +270°
- B1575F
Alsike Clover Red
- 807A0E
≈ Tool Green
- 008889
≈ Green Moblin
- 726BB8
≈ Purple Toolbox
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.77:1 · APCA Lc 73
Ag
Failعلى الأسود
WCAG 4.39:1 · APCA Lc 29
أفضل لون للنص: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--alsike-clover-red: #b1575f;
--alsike-clover-red-rgb: 177 87 95;
--alsike-clover-red-oklch: oklch(0.568 0.117 16);
}
.element {
color: var(--alsike-clover-red);
background-color: hsl(355 37% 52%);
border-color: oklch(0.568 0.117 16);
}Tailwind CSS v4
@theme {
--color-alsike-clover-red: #b1575f;
--color-alsike-clover-red-50: #ffe8e8;
--color-alsike-clover-red-100: #ffd9d9;
--color-alsike-clover-red-200: #ffc1c1;
--color-alsike-clover-red-300: #ed9fa1;
--color-alsike-clover-red-400: #db8187;
--color-alsike-clover-red-500: #c7626b;
--color-alsike-clover-red-600: #a8545b;
--color-alsike-clover-red-700: #874349;
--color-alsike-clover-red-800: #643036;
--color-alsike-clover-red-900: #472025;
--color-alsike-clover-red-950: #2e0f13;
}SCSS
$alsike-clover-red: #b1575f;
$alsike-clover-red-rgb: 177, 87, 95;
$alsike-clover-red-light: mix(#fff, $alsike-clover-red, 20%);
$alsike-clover-red-dark: mix(#000, $alsike-clover-red, 20%);
.element {
color: $alsike-clover-red;
box-shadow: 0 0 0 2px rgba($alsike-clover-red, 0.35);
}