#676DAA#676DAA

#676DAA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.167؛ OKLCH L 55.6% C 0.095 H 278.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.83:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#676DAA
RGBrgb(103, 109, 170)
HSLhsl(235, 28%, 54%)
HSVhsv(235, 39%, 67%)
CMYKcmyk(39.4%, 35.9%, 0%, 33.3%)
CIE-LABlab(47.91, 13.33, -33.39)
CIE-LCHlch(47.91, 35.96, 291.77°)
OKLaboklab(55.59% 0.0141 -0.0936)
OKLCHoklch(55.59% 0.095 278.6)
XYZxyz(18.3157, 16.7224, 40.2851)
Luminance0.1672 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#676DAA #AAA467
analogous
#678EAA #676DAA #8267AA
triadic
#676DAA #AA676D #6DAA67
tetradic
#676DAA #AA678E #AAA467 #67AA82
square
#676DAA #AA678E #AAA467 #67AA82
split-complementary
#676DAA #AA8267 #8EAA67
monochromatic
#363A61 #4C5188 #676DAA #8E93C0 #B5B8D6

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

On white

4.83
#676DAA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.34
#676DAA on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##676DAA#FFFFFF#000000##FFFFFF
##676DAA1.004.834.344.83
#FFFFFF4.831.0021.001.00
#0000004.3421.001.0021.00
##FFFFFF4.831.0021.001.00

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

Protanopia (red-blind)
#5974AC
Deuteranopia (green-blind)
#556FA9
Tritanopia (blue-blind)
#537983
Achromatopsia (no color)
#727272

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

CSS
--color: #676daa;
/* rgb */ color: rgb(103, 109, 170);
/* oklch */ color: oklch(55.6% 0.095 278.6);
Tailwind
colors: {
  custom: {
    50: '#9596c3',
    500: '#676daa',
    950: '#000000',
  },
}
SCSS
$custom: #676daa;
$custom-light: #9596c3;
$custom-dark: #000000;
JSON
{
  "hex": "#676daa",
  "rgb": {
    "r": 103,
    "g": 109,
    "b": 170
  },
  "hsl": {
    "h": 234.627,
    "s": 28.27,
    "l": 53.529
  },
  "oklch": {
    "l": 0.55593,
    "c": 0.09465,
    "h": 278.6
  },
  "luminance": 0.16723
}

Semantic roles & 50–950 ramp

primary
#676DAA
secondary
#C5C2A8
accent
#BC63C5
background
#F9F9FC
surface
#F2F2F8
border
#CCCCD1
text
#0D0D12
muted
#7E7E81

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

معاينة مع #676DAA

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

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

#676DAA — Tintiva