#387EBC#387EBC

#387EBC لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.194؛ OKLCH L 57.7% C 0.119 H 248.2°. أفضل لون لنص المتن هو #000000 بتباين 4.88:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#387EBC
RGBrgb(56, 126, 188)
HSLhsl(208, 54%, 48%)
HSVhsv(208, 70%, 74%)
CMYKcmyk(70.2%, 33%, 0%, 26.3%)
CIE-LABlab(51.14, -1.40, -38.90)
CIE-LCHlch(51.14, 38.93, 267.94°)
OKLaboklab(57.74% -0.0441 -0.1103)
OKLCHoklch(57.74% 0.119 248.2)
XYZxyz(18.1654, 19.3913, 50.3527)
Luminance0.1939 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#387EBC #BC7638
analogous
#38BCB8 #387EBC #383CBC
triadic
#387EBC #BC387E #7EBC38
tetradic
#387EBC #B838BC #BC7638 #3CBC38
square
#387EBC #B838BC #BC7638 #3CBC38
split-complementary
#387EBC #BC383C #BCB838
monochromatic
#1C3F5E #2A5E8D #387EBC #619CD0 #90BADE

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

On white

4.30
#387EBC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.88
#387EBC on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #387EBC
4.88:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##387EBC#FFFFFF#000000##000000
##387EBC1.004.304.884.88
#FFFFFF4.301.0021.0021.00
#0000004.8821.001.001.00
##0000004.8821.001.001.00

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

Protanopia (red-blind)
#6281BF
Deuteranopia (green-blind)
#5074BB
Tritanopia (blue-blind)
#008D94
Achromatopsia (no color)
#7A7A7A

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

CSS
--color: #387ebc;
/* rgb */ color: rgb(56, 126, 188);
/* oklch */ color: oklch(57.7% 0.119 248.2);
Tailwind
colors: {
  custom: {
    50: '#7ea3d0',
    500: '#387ebc',
    950: '#000000',
  },
}
SCSS
$custom: #387ebc;
$custom-light: #7ea3d0;
$custom-dark: #000000;
JSON
{
  "hex": "#387ebc",
  "rgb": {
    "r": 56,
    "g": 126,
    "b": 188
  },
  "hsl": {
    "h": 208.182,
    "s": 54.098,
    "l": 47.843
  },
  "oklch": {
    "l": 0.57737,
    "c": 0.11877,
    "h": 248.2
  },
  "luminance": 0.19393
}

Semantic roles & 50–950 ramp

primary
#387EBC
secondary
#C9A687
accent
#8F4ADD
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0F14
muted
#7C7E82

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

معاينة مع #387EBC

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

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

#387EBC — Tintiva