#5555BB#5555BB

#5555BB لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.120؛ OKLCH L 50.5% C 0.157 H 279.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5555BB
RGBrgb(85, 85, 187)
HSLhsl(240, 43%, 53%)
HSVhsv(240, 55%, 73%)
CMYKcmyk(54.5%, 54.5%, 0%, 26.7%)
CIE-LABlab(41.24, 29.13, -54.03)
CIE-LCHlch(41.24, 61.39, 298.33°)
OKLaboklab(50.51% 0.0251 -0.1546)
OKLCHoklch(50.51% 0.157 279.2)
XYZxyz(15.9616, 12.0151, 48.4821)
Luminance0.1202 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5555BB #BBBB55
analogous
#5588BB #5555BB #8855BB
triadic
#5555BB #BB5555 #55BB55
tetradic
#5555BB #BB5588 #BBBB55 #55BB88
square
#5555BB #BB5588 #BBBB55 #55BB88
split-complementary
#5555BB #BB8855 #88BB55
monochromatic
#2B2B6B #3C3C97 #5555BB #8181CC #ACACDE

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

On white

6.17
#5555BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.40
#5555BB on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #5555BB
6.17:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5555BB#FFFFFF#000000##FFFFFF
##5555BB1.006.173.406.17
#FFFFFF6.171.0021.001.00
#0000003.4021.001.0021.00
##FFFFFF6.171.0021.001.00

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

Protanopia (red-blind)
#1565BF
Deuteranopia (green-blind)
#005DB9
Tritanopia (blue-blind)
#256C80
Achromatopsia (no color)
#616161

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

CSS
--color: #5555bb;
/* rgb */ color: rgb(85, 85, 187);
/* oklch */ color: oklch(50.5% 0.157 279.2);
Tailwind
colors: {
  custom: {
    50: '#8d85d0',
    500: '#5555bb',
    950: '#000000',
  },
}
SCSS
$custom: #5555bb;
$custom-light: #8d85d0;
$custom-dark: #000000;
JSON
{
  "hex": "#5555bb",
  "rgb": {
    "r": 85,
    "g": 85,
    "b": 187
  },
  "hsl": {
    "h": 240,
    "s": 42.857,
    "l": 53.333
  },
  "oklch": {
    "l": 0.50508,
    "c": 0.15661,
    "h": 279.2
  },
  "luminance": 0.12016
}

Semantic roles & 50–950 ramp

primary
#5555BB
secondary
#CCCCA0
accent
#D355D3
background
#F9F8FC
surface
#F1EFF9
border
#CBCAD2
text
#0D0B14
muted
#7E7C82

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

معاينة مع #5555BB

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

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

#5555BB — Tintiva