#54587D#54587D

#54587D لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.103؛ OKLCH L 47.2% C 0.060 H 279.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.84:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#54587D
RGBrgb(84, 88, 125)
HSLhsl(234, 20%, 41%)
HSVhsv(234, 33%, 49%)
CMYKcmyk(32.8%, 29.6%, 0%, 51%)
CIE-LABlab(38.45, 7.81, -21.34)
CIE-LCHlch(38.45, 22.73, 290.10°)
OKLaboklab(47.23% 0.0095 -0.0592)
OKLCHoklch(47.23% 0.06 279.1)
XYZxyz(10.8465, 10.3446, 20.8233)
Luminance0.1035 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#54587D #7D7954
analogous
#546C7D #54587D #64547D
triadic
#54587D #7D5458 #587D54
tetradic
#54587D #7D546C #7D7954 #547D64
square
#54587D #7D546C #7D7954 #547D64
split-complementary
#54587D #7D6454 #6C7D54
monochromatic
#232434 #3B3E58 #54587D #70749F #9498B7

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

On white

6.84
#54587D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.07
#54587D on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #54587D
6.84:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##54587D#FFFFFF#000000##FFFFFF
##54587D1.006.843.076.84
#FFFFFF6.841.0021.001.00
#0000003.0721.001.0021.00
##FFFFFF6.841.0021.001.00

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

Protanopia (red-blind)
#4D5C7F
Deuteranopia (green-blind)
#4B597C
Tritanopia (blue-blind)
#495F65
Achromatopsia (no color)
#5B5B5B

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

CSS
--color: #54587d;
/* rgb */ color: rgb(84, 88, 125);
/* oklch */ color: oklch(47.2% 0.060 279.1);
Tailwind
colors: {
  custom: {
    50: '#8587a2',
    500: '#54587d',
    950: '#000000',
  },
}
SCSS
$custom: #54587d;
$custom-light: #8587a2;
$custom-dark: #000000;
JSON
{
  "hex": "#54587d",
  "rgb": {
    "r": 84,
    "g": 88,
    "b": 125
  },
  "hsl": {
    "h": 234.146,
    "s": 19.617,
    "l": 40.98
  },
  "oklch": {
    "l": 0.47232,
    "c": 0.05996,
    "h": 279.1
  },
  "luminance": 0.10345
}

Semantic roles & 50–950 ramp

primary
#54587D
secondary
#A5A288
accent
#B46CBC
background
#F8F8FA
surface
#EFEFF3
border
#CACACD
text
#0B0B0F
muted
#7C7C7F

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

معاينة مع #54587D

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

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

#54587D — Tintiva