#657BF5#657BF5

#657BF5 لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.235؛ OKLCH L 62.8% C 0.183 H 272.4°. أفضل لون لنص المتن هو #000000 بتباين 5.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#657BF5
RGBrgb(101, 123, 245)
HSLhsl(231, 88%, 68%)
HSVhsv(231, 59%, 96%)
CMYKcmyk(58.8%, 49.8%, 0%, 3.9%)
CIE-LABlab(55.61, 27.67, -63.81)
CIE-LCHlch(55.61, 69.55, 293.44°)
OKLaboklab(62.78% 0.0077 -0.1826)
OKLCHoklch(62.78% 0.183 272.4)
XYZxyz(28.9258, 23.5229, 89.3846)
Luminance0.2352 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#657BF5 #F5DF65
analogous
#65C3F5 #657BF5 #9765F5
triadic
#657BF5 #F5657B #7BF565
tetradic
#657BF5 #F565C3 #F5DF65 #65F597
square
#657BF5 #F565C3 #F5DF65 #65F597
split-complementary
#657BF5 #F59765 #C3F565
monochromatic
#0E2CD2 #2C4AF1 #657BF5 #9EACF9 #D8DEFC

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

On white

3.68
#657BF5 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.71
#657BF5 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #657BF5
5.71:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##657BF5#FFFFFF#000000##000000
##657BF51.003.685.715.71
#FFFFFF3.681.0021.0021.00
#0000005.7121.001.001.00
##0000005.7121.001.001.00

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

Protanopia (red-blind)
#398CF9
Deuteranopia (green-blind)
#1A7FF2
Tritanopia (blue-blind)
#0097AC
Achromatopsia (no color)
#858585

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

CSS
--color: #657bf5;
/* rgb */ color: rgb(101, 123, 245);
/* oklch */ color: oklch(62.8% 0.183 272.4);
Tailwind
colors: {
  custom: {
    50: '#9ca0f9',
    500: '#657bf5',
    950: '#000000',
  },
}
SCSS
$custom: #657bf5;
$custom-light: #9ca0f9;
$custom-dark: #000000;
JSON
{
  "hex": "#657bf5",
  "rgb": {
    "r": 101,
    "g": 123,
    "b": 245
  },
  "hsl": {
    "h": 230.833,
    "s": 87.805,
    "l": 67.843
  },
  "oklch": {
    "l": 0.62778,
    "c": 0.18275,
    "h": 272.4
  },
  "luminance": 0.23525
}

Semantic roles & 50–950 ramp

primary
#657BF5
secondary
#F1EAC5
accent
#C201E4
background
#FAF9FF
surface
#F4F2FF
border
#CECCD7
text
#0F0E17
muted
#7F7E85

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

معاينة مع #657BF5

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

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

#657BF5 — Tintiva