#656BF3#656BF3

#656BF3 لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.198؛ OKLCH L 59.7% C 0.200 H 276.6°. أفضل لون لنص المتن هو #000000 بتباين 4.95:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#656BF3
RGBrgb(101, 107, 243)
HSLhsl(237, 86%, 67%)
HSVhsv(237, 58%, 95%)
CMYKcmyk(58.4%, 56%, 0%, 4.7%)
CIE-LABlab(51.55, 36.67, -69.24)
CIE-LCHlch(51.55, 78.35, 297.91°)
OKLaboklab(59.7% 0.0229 -0.1987)
OKLCHoklch(59.7% 0.2 276.6)
XYZxyz(26.7970, 19.7512, 87.1769)
Luminance0.1975 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#656BF3 #F3ED65
analogous
#65B2F3 #656BF3 #A665F3
triadic
#656BF3 #F3656B #6BF365
tetradic
#656BF3 #F365B2 #F3ED65 #65F3A6
square
#656BF3 #F365B2 #F3ED65 #65F3A6
split-complementary
#656BF3 #F3A665 #B2F365
monochromatic
#1018CE #2C34EF #656BF3 #9EA2F7 #D7D8FC

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

On white

4.24
#656BF3 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.95
#656BF3 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #656BF3
4.95:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##656BF3#FFFFFF#000000##000000
##656BF31.004.244.954.95
#FFFFFF4.241.0021.0021.00
#0000004.9521.001.001.00
##0000004.9521.001.001.00

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

Protanopia (red-blind)
#0081F8
Deuteranopia (green-blind)
#0075F0
Tritanopia (blue-blind)
#008BA5
Achromatopsia (no color)
#7B7B7B

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

CSS
--color: #656bf3;
/* rgb */ color: rgb(101, 107, 243);
/* oklch */ color: oklch(59.7% 0.200 276.6);
Tailwind
colors: {
  custom: {
    50: '#9d95f8',
    500: '#656bf3',
    950: '#000000',
  },
}
SCSS
$custom: #656bf3;
$custom-light: #9d95f8;
$custom-dark: #000000;
JSON
{
  "hex": "#656bf3",
  "rgb": {
    "r": 101,
    "g": 107,
    "b": 243
  },
  "hsl": {
    "h": 237.465,
    "s": 85.542,
    "l": 67.451
  },
  "oklch": {
    "l": 0.59697,
    "c": 0.20005,
    "h": 276.6
  },
  "luminance": 0.19753
}

Semantic roles & 50–950 ramp

primary
#656BF3
secondary
#F0EEC4
accent
#D903E2
background
#FAF9FF
surface
#F4F1FF
border
#CECBD7
text
#0F0D17
muted
#7F7E85

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

معاينة مع #656BF3

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

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

#656BF3 — Tintiva