#6472AA#6472AA

#6472AA لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.176؛ OKLCH L 56.4% C 0.089 H 272.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#6472AA
RGBrgb(100, 114, 170)
HSLhsl(228, 29%, 53%)
HSVhsv(228, 41%, 67%)
CMYKcmyk(41.2%, 32.9%, 0%, 33.3%)
CIE-LABlab(49.06, 9.46, -31.60)
CIE-LCHlch(49.06, 32.98, 286.66°)
OKLaboklab(56.43% 0.004 -0.0885)
OKLCHoklch(56.43% 0.089 272.6)
XYZxyz(18.5263, 17.6454, 40.4521)
Luminance0.1765 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#6472AA #AA9C64
analogous
#6495AA #6472AA #7964AA
triadic
#6472AA #AA6472 #72AA64
tetradic
#6472AA #AA6495 #AA9C64 #64AA79
square
#6472AA #AA6495 #AA9C64 #64AA79
split-complementary
#6472AA #AA7964 #95AA64
monochromatic
#343D5F #4A5687 #6472AA #8C96C0 #B3BAD5

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

On white

4.64
#6472AA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.53
#6472AA on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##6472AA#FFFFFF#000000##FFFFFF
##6472AA1.004.644.534.64
#FFFFFF4.641.0021.001.00
#0000004.5321.001.0021.00
##FFFFFF4.641.0021.001.00

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

Protanopia (red-blind)
#5F78AC
Deuteranopia (green-blind)
#5972A9
Tritanopia (blue-blind)
#4E7D86
Achromatopsia (no color)
#757575

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

CSS
--color: #6472aa;
/* rgb */ color: rgb(100, 114, 170);
/* oklch */ color: oklch(56.4% 0.089 272.6);
Tailwind
colors: {
  custom: {
    50: '#939ac3',
    500: '#6472aa',
    950: '#000000',
  },
}
SCSS
$custom: #6472aa;
$custom-light: #939ac3;
$custom-dark: #000000;
JSON
{
  "hex": "#6472aa",
  "rgb": {
    "r": 100,
    "g": 114,
    "b": 170
  },
  "hsl": {
    "h": 228,
    "s": 29.167,
    "l": 52.941
  },
  "oklch": {
    "l": 0.56428,
    "c": 0.08855,
    "h": 272.6
  },
  "luminance": 0.17646
}

Semantic roles & 50–950 ramp

primary
#6472AA
secondary
#C4BEA6
accent
#B262C5
background
#F9F9FC
surface
#F1F2F8
border
#CBCCD1
text
#0D0E12
muted
#7E7E81

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

معاينة مع #6472AA

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

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

#6472AA — Tintiva