أقرب لون مسمّى · #5C74AB
#5C74AB
أقرب لون مسمّى: Flood
#5C74AB (rgb(92 116 171)، hsl(222 32% 52%)، oklch(0.564 0.09 265.6)) أقرب إلى اللون المسمّى Flood. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#5C74AB
oklch(0.564 0.09 265.6)
تحويلات الألوان
- HEX
- #5c74ab
- RGB
- rgb(92 116 171)
- HSL
- hsl(222 32% 52%)
- HWB
- hwb(222 36% 33%)
- OKLCH
- oklch(0.564 0.09 265.6)
- OKLab
- oklab(0.564 -0.007 -0.09)
- CIE Lab
- lab(48.72 2.59 -32.61)
- LCH
- lch(48.72 32.71 274.5)
- CMYK
- cmyk(46% 32% 0% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6B81B4
- 7A8FBC
- 8A9CC5
- 9AAACD
- AAB8D6
- BBC6DE
- CBD4E6
- DCE2EF
- EEF1F7
درجات داكنة
- 4F6494
- 42547E
- 364568
- 2A3754
- 1F2940
- 141B2D
- 0A0F1B
- 03050B
- 000101
درجات رمادية
- 6075A7
- 6377A3
- 67789F
- 6A7A9B
- 6E7B96
- 727C92
- 757D8E
- 797E89
- 7C7F85
تناسق الألوان
متمم +180°
- 5C74AB
Flood
- 8D7130
≈ Marshy Green
متجاور -30° +30°
- 5C74AB
Flood
- 397DA3
≈ Cendre Blue
- 7A6AA5
≈ Wintertime Mauve
ثلاثي +120° +240°
- 5C74AB
Flood
- A4605A
≈ Savannah Red
- 518454
≈ Kilkenny
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.62:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.54:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--flood: #5c74ab;
--flood-rgb: 92 116 171;
--flood-oklch: oklch(0.564 0.09 265.6);
}
.element {
color: var(--flood);
background-color: hsl(222 32% 52%);
border-color: oklch(0.564 0.09 265.6);
}Tailwind CSS v4
@theme {
--color-flood: #5c74ab;
--color-flood-50: #eaf5ff;
--color-flood-100: #dbe8ff;
--color-flood-200: #c3d4fc;
--color-flood-300: #a3b7e7;
--color-flood-400: #859ed5;
--color-flood-500: #6984c2;
--color-flood-600: #5970a4;
--color-flood-700: #475a84;
--color-flood-800: #324262;
--color-flood-900: #222d45;
--color-flood-950: #111a2c;
}SCSS
$flood: #5c74ab;
$flood-rgb: 92, 116, 171;
$flood-light: mix(#fff, $flood, 20%);
$flood-dark: mix(#000, $flood, 20%);
.element {
color: $flood;
box-shadow: 0 0 0 2px rgba($flood, 0.35);
}