#627EA1#627EA1

#627EA1 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.201؛ OKLCH L 58.5% C 0.063 H 254.3°. أفضل لون لنص المتن هو #000000 بتباين 5.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#627EA1
RGBrgb(98, 126, 161)
HSLhsl(213, 25%, 51%)
HSVhsv(213, 39%, 63%)
CMYKcmyk(39.1%, 21.7%, 0%, 36.9%)
CIE-LABlab(51.94, -0.85, -21.91)
CIE-LCHlch(51.94, 21.93, 267.77°)
OKLaboklab(58.51% -0.017 -0.0607)
OKLCHoklch(58.51% 0.063 254.3)
XYZxyz(18.9288, 20.0906, 36.5918)
Luminance0.2009 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#627EA1 #A18562
analogous
#629EA1 #627EA1 #6562A1
triadic
#627EA1 #A1627E #7EA162
tetradic
#627EA1 #A1629E #A18562 #62A165
square
#627EA1 #A1629E #A18562 #62A165
split-complementary
#627EA1 #A16562 #9EA162
monochromatic
#334255 #4A607C #627EA1 #889DB8 #AFBDCF

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

On white

4.18
#627EA1 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.02
#627EA1 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##627EA1#FFFFFF#000000##000000
##627EA11.004.185.025.02
#FFFFFF4.181.0021.0021.00
#0000005.0221.001.001.00
##0000005.0221.001.001.00

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

Protanopia (red-blind)
#717FA3
Deuteranopia (green-blind)
#6A79A0
Tritanopia (blue-blind)
#4D868A
Achromatopsia (no color)
#7C7C7C

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

CSS
--color: #627ea1;
/* rgb */ color: rgb(98, 126, 161);
/* oklch */ color: oklch(58.5% 0.063 254.3);
Tailwind
colors: {
  custom: {
    50: '#91a3bd',
    500: '#627ea1',
    950: '#000000',
  },
}
SCSS
$custom: #627ea1;
$custom-light: #91a3bd;
$custom-dark: #000000;
JSON
{
  "hex": "#627ea1",
  "rgb": {
    "r": 98,
    "g": 126,
    "b": 161
  },
  "hsl": {
    "h": 213.333,
    "s": 25.1,
    "l": 50.784
  },
  "oklch": {
    "l": 0.58509,
    "c": 0.06305,
    "h": 254.3
  },
  "luminance": 0.20092
}

Semantic roles & 50–950 ramp

primary
#627EA1
secondary
#BDB1A1
accent
#9966C2
background
#F9FAFB
surface
#F1F3F6
border
#CBCDD0
text
#0D0F12
muted
#7E7F81

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

معاينة مع #627EA1

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

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

#627EA1 — Tintiva