#54567C#54567C

#54567C لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.100؛ OKLCH L 46.7% C 0.061 H 281.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#54567C
RGBrgb(84, 86, 124)
HSLhsl(237, 19%, 41%)
HSVhsv(237, 32%, 49%)
CMYKcmyk(32.3%, 30.6%, 0%, 51.4%)
CIE-LABlab(37.83, 8.79, -21.69)
CIE-LCHlch(37.83, 23.40, 292.06°)
OKLaboklab(46.74% 0.0122 -0.0602)
OKLCHoklch(46.74% 0.061 281.4)
XYZxyz(10.6211, 9.9953, 20.4346)
Luminance0.1000 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#54567C #7C7A54
analogous
#546A7C #54567C #66547C
triadic
#54567C #7C5456 #567C54
tetradic
#54567C #7C546A #7C7A54 #547C66
square
#54567C #7C546A #7C7A54 #547C66
split-complementary
#54567C #7C6654 #6A7C54
monochromatic
#232333 #3B3D58 #54567C #6F729E #9496B6

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

On white

7.00
#54567C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

3.00
#54567C on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #54567C
7.00:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##54567C#FFFFFF#000000##FFFFFF
##54567C1.007.003.007.00
#FFFFFF7.001.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF7.001.0021.001.00

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

Protanopia (red-blind)
#4B5A7E
Deuteranopia (green-blind)
#49587B
Tritanopia (blue-blind)
#4A5D63
Achromatopsia (no color)
#595959

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

CSS
--color: #54567c;
/* rgb */ color: rgb(84, 86, 124);
/* oklch */ color: oklch(46.7% 0.061 281.4);
Tailwind
colors: {
  custom: {
    50: '#8585a2',
    500: '#54567c',
    950: '#000000',
  },
}
SCSS
$custom: #54567c;
$custom-light: #8585a2;
$custom-dark: #000000;
JSON
{
  "hex": "#54567c",
  "rgb": {
    "r": 84,
    "g": 86,
    "b": 124
  },
  "hsl": {
    "h": 237,
    "s": 19.231,
    "l": 40.784
  },
  "oklch": {
    "l": 0.46737,
    "c": 0.06141,
    "h": 281.4
  },
  "luminance": 0.09996
}

Semantic roles & 50–950 ramp

primary
#54567C
secondary
#A4A388
accent
#B86CBC
background
#F8F8F9
surface
#EFEFF2
border
#CACACC
text
#0B0B0F
muted
#7C7C7E

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

معاينة مع #54567C

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

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

#54567C — Tintiva