#3676BB#3676BB

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

قيم اللون

HEX#3676BB
RGBrgb(54, 118, 187)
HSLhsl(211, 55%, 47%)
HSVhsv(211, 71%, 73%)
CMYKcmyk(71.1%, 36.9%, 0%, 26.7%)
CIE-LABlab(48.67, 2.78, -42.24)
CIE-LCHlch(48.67, 42.33, 273.76°)
OKLaboklab(55.76% -0.0379 -0.1201)
OKLCHoklch(55.76% 0.126 252.5)
XYZxyz(16.9661, 17.3272, 49.4544)
Luminance0.1733 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#3676BB #BB7B36
analogous
#36B9BB #3676BB #3936BB
triadic
#3676BB #BB3676 #76BB36
tetradic
#3676BB #BB36B9 #BB7B36 #36BB39
square
#3676BB #BB36B9 #BB7B36 #36BB39
split-complementary
#3676BB #BB3936 #B9BB36
monochromatic
#1B3A5C #28588C #3676BB #5E95D0 #8DB4DE

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

On white

4.70
#3676BB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.47
#3676BB on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##3676BB#FFFFFF#000000##FFFFFF
##3676BB1.004.704.474.70
#FFFFFF4.701.0021.001.00
#0000004.4721.001.0021.00
##FFFFFF4.701.0021.001.00

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

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

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

CSS
--color: #3676bb;
/* rgb */ color: rgb(54, 118, 187);
/* oklch */ color: oklch(55.8% 0.126 252.5);
Tailwind
colors: {
  custom: {
    50: '#7d9dd0',
    500: '#3676bb',
    950: '#000000',
  },
}
SCSS
$custom: #3676bb;
$custom-light: #7d9dd0;
$custom-dark: #000000;
JSON
{
  "hex": "#3676bb",
  "rgb": {
    "r": 54,
    "g": 118,
    "b": 187
  },
  "hsl": {
    "h": 211.128,
    "s": 55.187,
    "l": 47.255
  },
  "oklch": {
    "l": 0.55762,
    "c": 0.12598,
    "h": 252.5
  },
  "luminance": 0.17329
}

Semantic roles & 50–950 ramp

primary
#3676BB
secondary
#C9A884
accent
#9749DF
background
#F8F9FC
surface
#EFF2F9
border
#CACCD2
text
#0B0E14
muted
#7C7E82

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

معاينة مع #3676BB

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

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

#3676BB — Tintiva