#676FA5#676FA5

#676FA5 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.170؛ OKLCH L 55.8% C 0.084 H 276.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#676FA5
RGBrgb(103, 111, 165)
HSLhsl(232, 26%, 53%)
HSVhsv(232, 38%, 65%)
CMYKcmyk(37.6%, 32.7%, 0%, 35.3%)
CIE-LABlab(48.22, 10.68, -29.98)
CIE-LCHlch(48.22, 31.83, 289.61°)
OKLaboklab(55.76% 0.0101 -0.0837)
OKLCHoklch(55.76% 0.084 276.9)
XYZxyz(18.0675, 16.9683, 37.9133)
Luminance0.1697 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#676FA5 #A59D67
analogous
#678EA5 #676FA5 #7E67A5
triadic
#676FA5 #A5676F #6FA567
tetradic
#676FA5 #A5678E #A59D67 #67A57E
square
#676FA5 #A5678E #A59D67 #67A57E
split-complementary
#676FA5 #A57E67 #8EA567
monochromatic
#363B5B #4D5482 #676FA5 #8D93BC #B4B8D3

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

On white

4.78
#676FA5 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.39
#676FA5 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #676FA5
4.78:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##676FA5#FFFFFF#000000##FFFFFF
##676FA51.004.784.394.78
#FFFFFF4.781.0021.001.00
#0000004.3921.001.0021.00
##FFFFFF4.781.0021.001.00

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

Protanopia (red-blind)
#5E75A7
Deuteranopia (green-blind)
#5970A4
Tritanopia (blue-blind)
#557982
Achromatopsia (no color)
#727272

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

CSS
--color: #676fa5;
/* rgb */ color: rgb(103, 111, 165);
/* oklch */ color: oklch(55.8% 0.084 276.9);
Tailwind
colors: {
  custom: {
    50: '#9498c0',
    500: '#676fa5',
    950: '#000000',
  },
}
SCSS
$custom: #676fa5;
$custom-light: #9498c0;
$custom-dark: #000000;
JSON
{
  "hex": "#676fa5",
  "rgb": {
    "r": 103,
    "g": 111,
    "b": 165
  },
  "hsl": {
    "h": 232.258,
    "s": 25.62,
    "l": 52.549
  },
  "oklch": {
    "l": 0.55756,
    "c": 0.08432,
    "h": 276.9
  },
  "luminance": 0.16969
}

Semantic roles & 50–950 ramp

primary
#676FA5
secondary
#C1BEA6
accent
#B666C2
background
#F9F9FB
surface
#F2F2F7
border
#CCCCD0
text
#0D0D12
muted
#7E7E81

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

معاينة مع #676FA5

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

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

#676FA5 — Tintiva