#627BB4#627BB4

#627BB4 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.201؛ OKLCH L 58.7% C 0.093 H 265.6°. أفضل لون لنص المتن هو #000000 بتباين 5.01:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#627BB4
RGBrgb(98, 123, 180)
HSLhsl(222, 35%, 55%)
HSVhsv(222, 46%, 71%)
CMYKcmyk(45.6%, 31.7%, 0%, 29.4%)
CIE-LABlab(51.90, 6.47, -32.97)
CIE-LCHlch(51.90, 33.60, 281.10°)
OKLaboklab(58.75% -0.0072 -0.0924)
OKLCHoklch(58.75% 0.093 265.6)
XYZxyz(20.3555, 20.0567, 45.9699)
Luminance0.2006 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#627BB4 #B49B62
analogous
#62A4B4 #627BB4 #7262B4
triadic
#627BB4 #B4627B #7BB462
tetradic
#627BB4 #B462A4 #B49B62 #62B472
square
#627BB4 #B462A4 #B49B62 #62B472
split-complementary
#627BB4 #B47262 #A4B462
monochromatic
#324369 #465D93 #627BB4 #8B9EC8 #B5C1DC

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

On white

4.19
#627BB4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.01
#627BB4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #627BB4
5.01:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##627BB4#FFFFFF#000000##000000
##627BB41.004.195.015.01
#FFFFFF4.191.0021.0021.00
#0000005.0121.001.001.00
##0000005.0121.001.001.00

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

Protanopia (red-blind)
#6680B6
Deuteranopia (green-blind)
#5E78B3
Tritanopia (blue-blind)
#43878F
Achromatopsia (no color)
#7C7C7C

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

CSS
--color: #627bb4;
/* rgb */ color: rgb(98, 123, 180);
/* oklch */ color: oklch(58.7% 0.093 265.6);
Tailwind
colors: {
  custom: {
    50: '#92a1ca',
    500: '#627bb4',
    950: '#000000',
  },
}
SCSS
$custom: #627bb4;
$custom-light: #92a1ca;
$custom-dark: #000000;
JSON
{
  "hex": "#627bb4",
  "rgb": {
    "r": 98,
    "g": 123,
    "b": 180
  },
  "hsl": {
    "h": 221.707,
    "s": 35.345,
    "l": 54.51
  },
  "oklch": {
    "l": 0.58747,
    "c": 0.0927,
    "h": 265.6
  },
  "luminance": 0.20058
}

Semantic roles & 50–950 ramp

primary
#627BB4
secondary
#CAC0A8
accent
#AA5CCB
background
#F9F9FC
surface
#F2F2F8
border
#CCCCD1
text
#0D0E13
muted
#7E7E82

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

معاينة مع #627BB4

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

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

#627BB4 — Tintiva