لون مسمّى · #4090A2
Winter Time
Winter Time هو #4090A2: rgb(64 144 162)، hsl(191 43% 44%)، oklch(0.611 0.082 214.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Winter Time color name →
#4090A2
oklch(0.611 0.082 214.8)
تحويلات الألوان
- HEX
- #4090a2
- RGB
- rgb(64 144 162)
- HSL
- hsl(191 43% 44%)
- HWB
- hwb(191 25% 36%)
- OKLCH
- oklch(0.611 0.082 214.8)
- OKLab
- oklab(0.611 -0.067 -0.047)
- CIE Lab
- lab(55.41 -21.25 -17.35)
- LCH
- lch(55.41 27.43 219.2)
- CMYK
- cmyk(60% 11% 0% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 569BAB
- 6AA6B4
- 7DB1BD
- 90BCC7
- A2C7D0
- B5D2D9
- C7DDE3
- DAE8EC
- ECF4F6
درجات داكنة
- 367D8C
- 2D6A77
- 245763
- 1B454F
- 13343C
- 0B242A
- 051519
- 01070A
- 000101
درجات رمادية
- 498F9F
- 528D9B
- 598C98
- 608A95
- 668991
- 6C878E
- 71858A
- 768487
- 7B8283
تناسق الألوان
متمم +180°
- 4090A2
Winter Time
- AF7162
≈ Terra Cotta Urn
متجاور -30° +30°
- 4090A2
Winter Time
- 41948A
≈ Highlands
- 5889B2
≈ Lichen Blue
ثلاثي +120° +240°
- 4090A2
Winter Time
- A27197
≈ Drama Queen
- 938347
≈ Lucky Bamboo
متمم منقسم +150° +210°
- 4090A2
Winter Time
- AD6E7D
≈ Shade of Mauve
- A6794D
≈ Butter Caramel
رباعي +90° +180° +270°
- 4090A2
Winter Time
- 8F77AB
≈ Gentian
- AF7162
≈ Terra Cotta Urn
- 788C55
≈ Scarabœus Nobilis
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.66:1 · APCA Lc 64
Ag
AAعلى الأسود
WCAG 5.72:1 · APCA Lc 38
أفضل لون للنص: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--winter-time: #4090a2;
--winter-time-rgb: 64 144 162;
--winter-time-oklch: oklch(0.611 0.082 214.8);
}
.element {
color: var(--winter-time);
background-color: hsl(191 43% 44%);
border-color: oklch(0.611 0.082 214.8);
}Tailwind CSS v4
@theme {
--color-winter-time: #4090a2;
--color-winter-time-50: #dcfcff;
--color-winter-time-100: #caeffa;
--color-winter-time-200: #addeeb;
--color-winter-time-300: #87c2d3;
--color-winter-time-400: #61abbd;
--color-winter-time-500: #3894a8;
--color-winter-time-600: #317d8e;
--color-winter-time-700: #276472;
--color-winter-time-800: #1a4a53;
--color-winter-time-900: #11333a;
--color-winter-time-950: #031f24;
}SCSS
$winter-time: #4090a2;
$winter-time-rgb: 64, 144, 162;
$winter-time-light: mix(#fff, $winter-time, 20%);
$winter-time-dark: mix(#000, $winter-time, 20%);
.element {
color: $winter-time;
box-shadow: 0 0 0 2px rgba($winter-time, 0.35);
}