لون مسمّى · #3E8FBC
Quiet Night
Quiet Night هو #3E8FBC: rgb(62 143 188)، hsl(201 50% 49%)، oklch(0.619 0.104 236.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Quiet Night color name →
#3E8FBC
oklch(0.619 0.104 236.3)
تحويلات الألوان
- HEX
- #3e8fbc
- RGB
- rgb(62 143 188)
- HSL
- hsl(201 50% 49%)
- HWB
- hwb(201 24% 26%)
- OKLCH
- oklch(0.619 0.104 236.3)
- OKLab
- oklab(0.619 -0.058 -0.086)
- CIE Lab
- lab(55.9 -14.56 -31.36)
- LCH
- lch(55.9 34.57 245.1)
- CMYK
- cmyk(67% 24% 0% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 549AC3
- 69A5CA
- 7CB0D1
- 8FBCD8
- A2C7DE
- B4D2E5
- C7DDEC
- D9E8F2
- ECF4F9
درجات داكنة
- 357CA3
- 2B698B
- 235773
- 1A455D
- 123447
- 0A2432
- 04151F
- 01070D
- 000102
درجات رمادية
- 488EB6
- 508DB0
- 588BAA
- 5F8AA4
- 65889E
- 6B8798
- 718592
- 76848C
- 7B8286
تناسق الألوان
متمم +180°
- 3E8FBC
Quiet Night
- B57544
≈ Spice Cake
متجاور -30° +30°
- 3E8FBC
Quiet Night
- 0F97A5
≈ Tile Blue
- 6984C5
≈ Livid
ثلاثي +120° +240°
- 3E8FBC
Quiet Night
- B76A88
≈ Pink Hibiscus
- 838E40
≈ Komatsuna Green
متمم منقسم +150° +210°
- 3E8FBC
Quiet Night
- BC6C64
≈ Hacienda Tile
- A18133
≈ Cloisonné Gold
رباعي +90° +180° +270°
- 3E8FBC
Quiet Night
- A66FA7
≈ Violet Femmes
- B57544
≈ Spice Cake
- 5A9760
≈ Wildness Mint
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.58:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.85:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--quiet-night: #3e8fbc;
--quiet-night-rgb: 62 143 188;
--quiet-night-oklch: oklch(0.619 0.104 236.3);
}
.element {
color: var(--quiet-night);
background-color: hsl(201 50% 49%);
border-color: oklch(0.619 0.104 236.3);
}Tailwind CSS v4
@theme {
--color-quiet-night: #3e8fbc;
--color-quiet-night-50: #dbfaff;
--color-quiet-night-100: #c9eeff;
--color-quiet-night-200: #abdbfc;
--color-quiet-night-300: #84bfe7;
--color-quiet-night-400: #5da8d4;
--color-quiet-night-500: #3290c1;
--color-quiet-night-600: #2c7aa3;
--color-quiet-night-700: #236183;
--color-quiet-night-800: #154861;
--color-quiet-night-900: #0e3244;
--color-quiet-night-950: #011e2c;
}SCSS
$quiet-night: #3e8fbc;
$quiet-night-rgb: 62, 143, 188;
$quiet-night-light: mix(#fff, $quiet-night, 20%);
$quiet-night-dark: mix(#000, $quiet-night, 20%);
.element {
color: $quiet-night;
box-shadow: 0 0 0 2px rgba($quiet-night, 0.35);
}