أقرب لون مسمّى · #6E768E
#6E768E
أقرب لون مسمّى: Your Shadow
#6E768E (rgb(110 118 142)، hsl(225 13% 49%)، oklch(0.568 0.038 270.7)) أقرب إلى اللون المسمّى Your Shadow. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6E768E
oklch(0.568 0.038 270.7)
تحويلات الألوان
- HEX
- #6e768e
- RGB
- rgb(110 118 142)
- HSL
- hsl(225 13% 49%)
- HWB
- hwb(225 43% 44%)
- OKLCH
- oklch(0.568 0.038 270.7)
- OKLab
- oklab(0.568 0 -0.038)
- CIE Lab
- lab(49.61 1.06 -14.21)
- LCH
- lch(49.61 14.24 274.3)
- CMYK
- cmyk(23% 17% 0% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7B8399
- 8990A4
- 979DAF
- A5ABBA
- B4B8C5
- C2C6D1
- D1D4DC
- E0E2E8
- F0F1F3
درجات داكنة
- 5F667B
- 505668
- 414756
- 333844
- 262934
- 191C24
- 0E0F15
- 040507
- 010101
درجات رمادية
- 70778D
- 72788B
- 73798A
- 757A89
- 777B87
- 797C86
- 7B7D84
- 7C7E83
- 7E7F81
تناسق الألوان
متمم +180°
- 6E768E
Your Shadow
- 7F765D
≈ Covert Green
متجاور -30° +30°
- 6E768E
Your Shadow
- 637A8C
≈ Canyon Blue
- 7A728A
≈ Dancing in the Spring
ثلاثي +120° +240°
- 6E768E
Your Shadow
- 8C6F69
≈ Dutch Cocoa
- 677D6B
≈ Cricket Green
متمم منقسم +150° +210°
- 6E768E
Your Shadow
- 887260
≈ Cloudy Cinnamon
- 737A61
≈ Desert Chaparral
رباعي +90° +180° +270°
- 6E768E
Your Shadow
- 8B6E75
≈ Pink Poppy
- 7F765D
≈ Covert Green
- 5E7E78
≈ Hanging Moss
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.52:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.64:1 · APCA Lc 30
أفضل لون للنص: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--your-shadow: #6e768e;
--your-shadow-rgb: 110 118 142;
--your-shadow-oklch: oklch(0.568 0.038 270.7);
}
.element {
color: var(--your-shadow);
background-color: hsl(225 13% 49%);
border-color: oklch(0.568 0.038 270.7);
}Tailwind CSS v4
@theme {
--color-your-shadow: #6e768e;
--color-your-shadow-50: #f1f5ff;
--color-your-shadow-100: #e3e7f5;
--color-your-shadow-200: #ced4e5;
--color-your-shadow-300: #b0b7cc;
--color-your-shadow-400: #969eb6;
--color-your-shadow-500: #7c85a0;
--color-your-shadow-600: #697187;
--color-your-shadow-700: #545a6d;
--color-your-shadow-800: #3d4250;
--color-your-shadow-900: #2a2e38;
--color-your-shadow-950: #171a22;
}SCSS
$your-shadow: #6e768e;
$your-shadow-rgb: 110, 118, 142;
$your-shadow-light: mix(#fff, $your-shadow, 20%);
$your-shadow-dark: mix(#000, $your-shadow, 20%);
.element {
color: $your-shadow;
box-shadow: 0 0 0 2px rgba($your-shadow, 0.35);
}