#397BB9#397BB9

#397BB9 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.185؛ OKLCH L 56.9% C 0.117 H 249.4°. أفضل لون لنص المتن هو #000000 بتباين 4.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#397BB9
RGBrgb(57, 123, 185)
HSLhsl(209, 53%, 47%)
HSVhsv(209, 69%, 73%)
CMYKcmyk(69.2%, 33.5%, 0%, 27.5%)
CIE-LABlab(50.14, -0.51, -38.75)
CIE-LCHlch(50.14, 38.76, 269.24°)
OKLaboklab(56.91% -0.0413 -0.1099)
OKLCHoklch(56.91% 0.117 249.4)
XYZxyz(17.5240, 18.5367, 48.5439)
Luminance0.1854 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#397BB9 #B97739
analogous
#39B9B7 #397BB9 #393BB9
triadic
#397BB9 #B9397B #7BB939
tetradic
#397BB9 #B739B9 #B97739 #3BB939
square
#397BB9 #B739B9 #B97739 #3BB939
split-complementary
#397BB9 #B9393B #B9B739
monochromatic
#1C3D5B #2B5C8A #397BB9 #6199CE #90B7DD

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

On white

4.46
#397BB9 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.71
#397BB9 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##397BB9#FFFFFF#000000##000000
##397BB91.004.464.714.71
#FFFFFF4.461.0021.0021.00
#0000004.7121.001.001.00
##0000004.7121.001.001.00

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

Protanopia (red-blind)
#5F7EBC
Deuteranopia (green-blind)
#4D72B8
Tritanopia (blue-blind)
#008A91
Achromatopsia (no color)
#777777

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

CSS
--color: #397bb9;
/* rgb */ color: rgb(57, 123, 185);
/* oklch */ color: oklch(56.9% 0.117 249.4);
Tailwind
colors: {
  custom: {
    50: '#7ea0ce',
    500: '#397bb9',
    950: '#000000',
  },
}
SCSS
$custom: #397bb9;
$custom-light: #7ea0ce;
$custom-dark: #000000;
JSON
{
  "hex": "#397bb9",
  "rgb": {
    "r": 57,
    "g": 123,
    "b": 185
  },
  "hsl": {
    "h": 209.063,
    "s": 52.893,
    "l": 47.451
  },
  "oklch": {
    "l": 0.56911,
    "c": 0.11737,
    "h": 249.4
  },
  "luminance": 0.18539
}

Semantic roles & 50–950 ramp

primary
#397BB9
secondary
#C8A686
accent
#924BDC
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0E13
muted
#7C7E82

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

معاينة مع #397BB9

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

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

#397BB9 — Tintiva