#3377BD#3377BD

#3377BD لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.176؛ OKLCH L 56.0% C 0.129 H 251.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.65:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3377BD
RGBrgb(51, 119, 189)
HSLhsl(210, 58%, 47%)
HSVhsv(210, 73%, 74%)
CMYKcmyk(73%, 37%, 0%, 25.9%)
CIE-LABlab(48.97, 2.46, -42.92)
CIE-LCHlch(48.97, 42.99, 273.28°)
OKLaboklab(56% -0.0403 -0.1222)
OKLCHoklch(56% 0.129 251.8)
XYZxyz(17.1439, 17.5697, 50.6220)
Luminance0.1757 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3377BD #BD7933
analogous
#33BCBD #3377BD #3433BD
triadic
#3377BD #BD3377 #77BD33
tetradic
#3377BD #BD33BC #BD7933 #33BD34
square
#3377BD #BD33BC #BD7933 #33BD34
split-complementary
#3377BD #BD3433 #BCBD33
monochromatic
#193A5D #26598D #3377BD #5B96D3 #8BB5E0

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

On white

4.65
#3377BD on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.51
#3377BD on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3377BD
4.65:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3377BD#FFFFFF#000000##FFFFFF
##3377BD1.004.654.514.65
#FFFFFF4.651.0021.001.00
#0000004.5121.001.0021.00
##FFFFFF4.651.0021.001.00

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

Protanopia (red-blind)
#577BC0
Deuteranopia (green-blind)
#426FBC
Tritanopia (blue-blind)
#008791
Achromatopsia (no color)
#747474

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

CSS
--color: #3377bd;
/* rgb */ color: rgb(51, 119, 189);
/* oklch */ color: oklch(56.0% 0.129 251.8);
Tailwind
colors: {
  custom: {
    50: '#7c9dd1',
    500: '#3377bd',
    950: '#000000',
  },
}
SCSS
$custom: #3377bd;
$custom-light: #7c9dd1;
$custom-dark: #000000;
JSON
{
  "hex": "#3377bd",
  "rgb": {
    "r": 51,
    "g": 119,
    "b": 189
  },
  "hsl": {
    "h": 210.435,
    "s": 57.5,
    "l": 47.059
  },
  "oklch": {
    "l": 0.56004,
    "c": 0.12864,
    "h": 251.8
  },
  "luminance": 0.17572
}

Semantic roles & 50–950 ramp

primary
#3377BD
secondary
#CAA682
accent
#9547E1
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0E14
muted
#7C7E82

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

معاينة مع #3377BD

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

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

#3377BD — Tintiva