#397EC3#397EC3

#397EC3 لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.197؛ OKLCH L 58.2% C 0.127 H 250.9°. أفضل لون لنص المتن هو #000000 بتباين 4.95:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#397EC3
RGBrgb(57, 126, 195)
HSLhsl(210, 55%, 49%)
HSVhsv(210, 71%, 76%)
CMYKcmyk(70.8%, 35.4%, 0%, 23.5%)
CIE-LABlab(51.53, 1.25, -42.29)
CIE-LCHlch(51.53, 42.31, 271.69°)
OKLaboklab(58.17% -0.0415 -0.1202)
OKLCHoklch(58.17% 0.127 250.9)
XYZxyz(18.9948, 19.7296, 54.4263)
Luminance0.1973 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#397EC3 #C37E39
analogous
#39C3C3 #397EC3 #3939C3
triadic
#397EC3 #C3397E #7EC339
tetradic
#397EC3 #C339C3 #C37E39 #39C339
square
#397EC3 #C339C3 #C37E39 #39C339
split-complementary
#397EC3 #C33939 #C3C339
monochromatic
#1D4164 #2B5F94 #397EC3 #679DD2 #96BBE0

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

On white

4.25
#397EC3 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.95
#397EC3 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #397EC3
4.95:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##397EC3#FFFFFF#000000##000000
##397EC31.004.254.954.95
#FFFFFF4.251.0021.0021.00
#0000004.9521.001.001.00
##0000004.9521.001.001.00

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

Protanopia (red-blind)
#5F82C6
Deuteranopia (green-blind)
#4B75C2
Tritanopia (blue-blind)
#008E97
Achromatopsia (no color)
#7B7B7B

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

CSS
--color: #397ec3;
/* rgb */ color: rgb(57, 126, 195);
/* oklch */ color: oklch(58.2% 0.127 250.9);
Tailwind
colors: {
  custom: {
    50: '#80a3d5',
    500: '#397ec3',
    950: '#000000',
  },
}
SCSS
$custom: #397ec3;
$custom-light: #80a3d5;
$custom-dark: #000000;
JSON
{
  "hex": "#397ec3",
  "rgb": {
    "r": 57,
    "g": 126,
    "b": 195
  },
  "hsl": {
    "h": 210,
    "s": 54.762,
    "l": 49.412
  },
  "oklch": {
    "l": 0.58167,
    "c": 0.12714,
    "h": 250.9
  },
  "luminance": 0.19732
}

Semantic roles & 50–950 ramp

primary
#397EC3
secondary
#CCAC8C
accent
#944ADE
background
#F8F9FD
surface
#F0F2FA
border
#CBCCD3
text
#0B0F14
muted
#7C7E83

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

معاينة مع #397EC3

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

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

#397EC3 — Tintiva