#2E6DBB#2E6DBB

#2E6DBB لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.151؛ OKLCH L 53.4% C 0.138 H 255.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.22:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#2E6DBB
RGBrgb(46, 109, 187)
HSLhsl(213, 61%, 46%)
HSVhsv(213, 75%, 73%)
CMYKcmyk(75.4%, 41.7%, 0%, 26.7%)
CIE-LABlab(45.78, 7.25, -46.86)
CIE-LCHlch(45.78, 47.42, 278.80°)
OKLaboklab(53.43% -0.0347 -0.134)
OKLCHoklch(53.43% 0.138 255.5)
XYZxyz(15.5617, 15.1042, 49.0993)
Luminance0.1511 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#2E6DBB #BB7C2E
analogous
#2EB4BB #2E6DBB #352EBB
triadic
#2E6DBB #BB2E6D #6DBB2E
tetradic
#2E6DBB #BB2EB4 #BB7C2E #2EBB35
square
#2E6DBB #BB2EB4 #BB7C2E #2EBB35
split-complementary
#2E6DBB #BB352E #B4BB2E
monochromatic
#163459 #22508A #2E6DBB #528CD4 #83ADE0

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

On white

5.22
#2E6DBB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.02
#2E6DBB on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #2E6DBB
5.22:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##2E6DBB#FFFFFF#000000##FFFFFF
##2E6DBB1.005.224.025.22
#FFFFFF5.221.0021.001.00
#0000004.0221.001.0021.00
##FFFFFF5.221.0021.001.00

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

Protanopia (red-blind)
#4773BE
Deuteranopia (green-blind)
#2F66B9
Tritanopia (blue-blind)
#007F8B
Achromatopsia (no color)
#6C6C6C

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

CSS
--color: #2e6dbb;
/* rgb */ color: rgb(46, 109, 187);
/* oklch */ color: oklch(53.4% 0.138 255.5);
Tailwind
colors: {
  custom: {
    50: '#7a96d0',
    500: '#2e6dbb',
    950: '#000000',
  },
}
SCSS
$custom: #2e6dbb;
$custom-light: #7a96d0;
$custom-dark: #000000;
JSON
{
  "hex": "#2e6dbb",
  "rgb": {
    "r": 46,
    "g": 109,
    "b": 187
  },
  "hsl": {
    "h": 213.191,
    "s": 60.515,
    "l": 45.686
  },
  "oklch": {
    "l": 0.53432,
    "c": 0.13837,
    "h": 255.5
  },
  "luminance": 0.15106
}

Semantic roles & 50–950 ramp

primary
#2E6DBB
secondary
#CAA77B
accent
#9C44E4
background
#F8F9FC
surface
#EFF1F9
border
#CACBD2
text
#0B0D14
muted
#7C7E82

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

معاينة مع #2E6DBB

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

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

#2E6DBB — Tintiva