#637ABC#637ABC

#637ABC لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.202؛ OKLCH L 59.0% C 0.105 H 268.5°. أفضل لون لنص المتن هو #000000 بتباين 5.04:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#637ABC
RGBrgb(99, 122, 188)
HSLhsl(224, 40%, 56%)
HSVhsv(224, 47%, 74%)
CMYKcmyk(47.3%, 35.1%, 0%, 26.3%)
CIE-LABlab(52.06, 9.75, -37.31)
CIE-LCHlch(52.06, 38.56, 284.65°)
OKLaboklab(59.01% -0.0028 -0.105)
OKLCHoklch(59.01% 0.105 268.5)
XYZxyz(21.1793, 20.2013, 50.3504)
Luminance0.2020 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#637ABC #BCA563
analogous
#63A7BC #637ABC #7963BC
triadic
#637ABC #BC637A #7ABC63
tetradic
#637ABC #BC63A7 #BCA563 #63BC79
square
#637ABC #BC63A7 #BCA563 #63BC79
split-complementary
#637ABC #BC7963 #A7BC63
monochromatic
#314273 #445B9E #637ABC #8E9FCE #B9C3E1

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

On white

4.17
#637ABC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.04
#637ABC on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #637ABC
5.04:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##637ABC#FFFFFF#000000##000000
##637ABC1.004.175.045.04
#FFFFFF4.171.0021.0021.00
#0000005.0421.001.001.00
##0000005.0421.001.001.00

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

Protanopia (red-blind)
#6180BF
Deuteranopia (green-blind)
#5879BB
Tritanopia (blue-blind)
#408892
Achromatopsia (no color)
#7C7C7C

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

CSS
--color: #637abc;
/* rgb */ color: rgb(99, 122, 188);
/* oklch */ color: oklch(59.0% 0.105 268.5);
Tailwind
colors: {
  custom: {
    50: '#94a0d0',
    500: '#637abc',
    950: '#000000',
  },
}
SCSS
$custom: #637abc;
$custom-light: #94a0d0;
$custom-dark: #000000;
JSON
{
  "hex": "#637abc",
  "rgb": {
    "r": 99,
    "g": 122,
    "b": 188
  },
  "hsl": {
    "h": 224.494,
    "s": 39.91,
    "l": 56.275
  },
  "oklch": {
    "l": 0.59014,
    "c": 0.10504,
    "h": 268.5
  },
  "luminance": 0.20203
}

Semantic roles & 50–950 ramp

primary
#637ABC
secondary
#D0C6AB
accent
#B158D0
background
#F9F9FC
surface
#F2F2F9
border
#CCCCD2
text
#0D0E14
muted
#7E7E82

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

معاينة مع #637ABC

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

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

#637ABC — Tintiva