#313EB3#313EB3

#313EB3 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.074؛ OKLCH L 43.3% C 0.184 H 271.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#313EB3
RGBrgb(49, 62, 179)
HSLhsl(234, 57%, 45%)
HSVhsv(234, 73%, 70%)
CMYKcmyk(72.6%, 65.4%, 0%, 29.8%)
CIE-LABlab(32.59, 35.11, -63.49)
CIE-LCHlch(32.59, 72.55, 298.94°)
OKLaboklab(43.3% 0.0042 -0.1835)
OKLCHoklch(43.3% 0.184 271.3)
XYZxyz(11.1232, 7.3518, 43.4719)
Luminance0.0735 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#313EB3 #B3A631
analogous
#317FB3 #313EB3 #6531B3
triadic
#313EB3 #B3313E #3EB331
tetradic
#313EB3 #B3317F #B3A631 #31B365
square
#313EB3 #B3317F #B3A631 #31B365
split-complementary
#313EB3 #B36531 #7FB331
monochromatic
#171D53 #242D83 #313EB3 #525ED0 #828BDD

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

On white

8.50
#313EB3 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.47
#313EB3 on #000000
AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #313EB3
8.50:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##313EB3#FFFFFF#000000##FFFFFF
##313EB31.008.502.478.50
#FFFFFF8.501.0021.001.00
#0000002.4721.001.0021.00
##FFFFFF8.501.0021.001.00

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

Protanopia (red-blind)
#0053B7
Deuteranopia (green-blind)
#0047B1
Tritanopia (blue-blind)
#005D73
Achromatopsia (no color)
#4D4D4D

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

CSS
--color: #313eb3;
/* rgb */ color: rgb(49, 62, 179);
/* oklch */ color: oklch(43.3% 0.184 271.3);
Tailwind
colors: {
  custom: {
    50: '#7c73cb',
    500: '#313eb3',
    950: '#000000',
  },
}
SCSS
$custom: #313eb3;
$custom-light: #7c73cb;
$custom-dark: #000000;
JSON
{
  "hex": "#313eb3",
  "rgb": {
    "r": 49,
    "g": 62,
    "b": 179
  },
  "hsl": {
    "h": 234,
    "s": 57.018,
    "l": 44.706
  },
  "oklch": {
    "l": 0.43304,
    "c": 0.18354,
    "h": 271.3
  },
  "luminance": 0.07353
}

Semantic roles & 50–950 ramp

primary
#313EB3
secondary
#C6BE7A
accent
#D148E0
background
#F8F7FC
surface
#EFEDF9
border
#CAC8D2
text
#0B0813
muted
#7C7B82

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

معاينة مع #313EB3

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

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

#313EB3 — Tintiva