#5F54BB#5F54BB

#5F54BB لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.124؛ OKLCH L 51.1% C 0.156 H 284.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.05:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5F54BB
RGBrgb(95, 84, 187)
HSLhsl(246, 43%, 53%)
HSVhsv(246, 55%, 73%)
CMYKcmyk(49.2%, 55.1%, 0%, 26.7%)
CIE-LABlab(41.78, 31.85, -53.12)
CIE-LCHlch(41.78, 61.93, 300.95°)
OKLaboklab(51.11% 0.0385 -0.1516)
OKLCHoklch(51.11% 0.156 284.2)
XYZxyz(16.8566, 12.3606, 48.5017)
Luminance0.1236 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5F54BB #B0BB54
analogous
#547CBB #5F54BB #9254BB
triadic
#5F54BB #BB5F54 #54BB5F
tetradic
#5F54BB #BB547C #B0BB54 #54BB92
square
#5F54BB #BB547C #B0BB54 #54BB92
split-complementary
#5F54BB #BB9254 #7CBB54
monochromatic
#312A6A #453C96 #5F54BB #8880CC #B1ACDE

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

On white

6.05
#5F54BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.47
#5F54BB on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #5F54BB
6.05:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5F54BB#FFFFFF#000000##FFFFFF
##5F54BB1.006.053.476.05
#FFFFFF6.051.0021.001.00
#0000003.4721.001.0021.00
##FFFFFF6.051.0021.001.00

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

Protanopia (red-blind)
#1866BF
Deuteranopia (green-blind)
#105FB9
Tritanopia (blue-blind)
#3E6B7F
Achromatopsia (no color)
#636363

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

CSS
--color: #5f54bb;
/* rgb */ color: rgb(95, 84, 187);
/* oklch */ color: oklch(51.1% 0.156 284.2);
Tailwind
colors: {
  custom: {
    50: '#9384d0',
    500: '#5f54bb',
    950: '#000000',
  },
}
SCSS
$custom: #5f54bb;
$custom-light: #9384d0;
$custom-dark: #000000;
JSON
{
  "hex": "#5f54bb",
  "rgb": {
    "r": 95,
    "g": 84,
    "b": 187
  },
  "hsl": {
    "h": 246.408,
    "s": 43.096,
    "l": 53.137
  },
  "oklch": {
    "l": 0.5111,
    "c": 0.15643,
    "h": 284.2
  },
  "luminance": 0.12361
}

Semantic roles & 50–950 ramp

primary
#5F54BB
secondary
#C7CC9F
accent
#D355C5
background
#F9F8FC
surface
#F2EFF9
border
#CCCAD2
text
#0E0B14
muted
#7E7C82

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

معاينة مع #5F54BB

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

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

#5F54BB — Tintiva