#3576BB#3576BB

#3576BB لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.173؛ OKLCH L 55.7% C 0.126 H 252.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3576BB
RGBrgb(53, 118, 187)
HSLhsl(211, 56%, 47%)
HSVhsv(211, 72%, 73%)
CMYKcmyk(71.7%, 36.9%, 0%, 26.7%)
CIE-LABlab(48.64, 2.63, -42.29)
CIE-LCHlch(48.64, 42.38, 273.56°)
OKLaboklab(55.73% -0.0385 -0.1203)
OKLCHoklch(55.73% 0.126 252.2)
XYZxyz(16.9129, 17.2998, 49.4519)
Luminance0.1730 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3576BB #BB7A35
analogous
#35B9BB #3576BB #3735BB
triadic
#3576BB #BB3576 #76BB35
tetradic
#3576BB #BB35B9 #BB7A35 #35BB37
square
#3576BB #BB35B9 #BB7A35 #35BB37
split-complementary
#3576BB #BB3735 #B9BB35
monochromatic
#1A3A5C #27588B #3576BB #5C95D1 #8CB4DE

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

On white

4.71
#3576BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.46
#3576BB on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #3576BB
4.71:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##3576BB#FFFFFF#000000##FFFFFF
##3576BB1.004.714.464.71
#FFFFFF4.711.0021.001.00
#0000004.4621.001.0021.00
##FFFFFF4.711.0021.001.00

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

Protanopia (red-blind)
#577ABE
Deuteranopia (green-blind)
#436EBA
Tritanopia (blue-blind)
#00868F
Achromatopsia (no color)
#737373

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

CSS
--color: #3576bb;
/* rgb */ color: rgb(53, 118, 187);
/* oklch */ color: oklch(55.7% 0.126 252.2);
Tailwind
colors: {
  custom: {
    50: '#7d9dd0',
    500: '#3576bb',
    950: '#000000',
  },
}
SCSS
$custom: #3576bb;
$custom-light: #7d9dd0;
$custom-dark: #000000;
JSON
{
  "hex": "#3576bb",
  "rgb": {
    "r": 53,
    "g": 118,
    "b": 187
  },
  "hsl": {
    "h": 210.896,
    "s": 55.833,
    "l": 47.059
  },
  "oklch": {
    "l": 0.55726,
    "c": 0.12635,
    "h": 252.2
  },
  "luminance": 0.17302
}

Semantic roles & 50–950 ramp

primary
#3576BB
secondary
#C9A783
accent
#9649DF
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0E14
muted
#7C7E82

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

معاينة مع #3576BB

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

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

#3576BB — Tintiva