#548CEF#548CEF

#548CEF لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.269؛ OKLCH L 64.9% C 0.160 H 260.9°. أفضل لون لنص المتن هو #000000 بتباين 6.37:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#548CEF
RGBrgb(84, 140, 239)
HSLhsl(218, 83%, 63%)
HSVhsv(218, 65%, 94%)
CMYKcmyk(64.9%, 41.4%, 0%, 6.3%)
CIE-LABlab(58.85, 12.44, -55.33)
CIE-LCHlch(58.85, 56.71, 282.67°)
OKLaboklab(64.92% -0.0252 -0.1578)
OKLCHoklch(64.92% 0.16 260.9)
XYZxyz(28.6087, 26.8702, 85.3234)
Luminance0.2687 (WCAG relative)
Temperaturecool
Familyblue

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#548CEF #EFB754
analogous
#54D9EF #548CEF #6954EF
triadic
#548CEF #EF548C #8CEF54
tetradic
#548CEF #EF54D9 #EFB754 #54EF69
square
#548CEF #EF54D9 #EFB754 #54EF69
split-complementary
#548CEF #EF6954 #D9EF54
monochromatic
#114DB7 #1C66EA #548CEF #8CB2F4 #C4D7F9

إمكانية الوصول والتباين

On white

3.29
#548CEF on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.37
#548CEF on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #548CEF
6.37:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##548CEF#FFFFFF#000000##000000
##548CEF1.003.296.376.37
#FFFFFF3.291.0021.0021.00
#0000006.3721.001.001.00
##0000006.3721.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#5E95F3
Deuteranopia (green-blind)
#4687ED
Tritanopia (blue-blind)
#00A3B2
Achromatopsia (no color)
#8E8E8E

وسوم التصميم والكود

CSS
--color: #548cef;
/* rgb */ color: rgb(84, 140, 239);
/* oklch */ color: oklch(64.9% 0.160 260.9);
Tailwind
colors: {
  custom: {
    50: '#93adf5',
    500: '#548cef',
    950: '#000000',
  },
}
SCSS
$custom: #548cef;
$custom-light: #93adf5;
$custom-dark: #000000;
JSON
{
  "hex": "#548cef",
  "rgb": {
    "r": 84,
    "g": 140,
    "b": 239
  },
  "hsl": {
    "h": 218.323,
    "s": 82.888,
    "l": 63.333
  },
  "oklch": {
    "l": 0.64918,
    "c": 0.15978,
    "h": 260.9
  },
  "luminance": 0.26873
}

Semantic roles & 50–950 ramp

primary
#548CEF
secondary
#EBD7B4
accent
#9106DF
background
#F9FAFF
surface
#F2F4FE
border
#CCCED6
text
#0E1017
muted
#7E7F85

مختبر المعاينة

معاينة مع #548CEF

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#548CEF — Tintiva