#697AC4#697AC4

#697AC4 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.209؛ OKLCH L 59.8% C 0.115 H 272.7°. أفضل لون لنص المتن هو #000000 بتباين 5.18:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#697AC4
RGBrgb(105, 122, 196)
HSLhsl(229, 44%, 59%)
HSVhsv(229, 46%, 77%)
CMYKcmyk(46.4%, 37.8%, 0%, 23.1%)
CIE-LABlab(52.85, 13.67, -40.63)
CIE-LCHlch(52.85, 42.87, 288.60°)
OKLaboklab(59.85% 0.0054 -0.1145)
OKLCHoklch(59.85% 0.115 272.7)
XYZxyz(22.7459, 20.9066, 55.0507)
Luminance0.2091 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#697AC4 #C4B369
analogous
#69A8C4 #697AC4 #8669C4
triadic
#697AC4 #C4697A #7AC469
tetradic
#697AC4 #C469A8 #C4B369 #69C486
square
#697AC4 #C469A8 #C4B369 #69C486
split-complementary
#697AC4 #C48669 #A8C469
monochromatic
#324180 #4457AC #697AC4 #95A1D5 #C1C8E7

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

On white

4.05
#697AC4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.18
#697AC4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #697AC4
5.18:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##697AC4#FFFFFF#000000##000000
##697AC41.004.055.185.18
#FFFFFF4.051.0021.0021.00
#0000005.1821.001.001.00
##0000005.1821.001.001.00

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

Protanopia (red-blind)
#5F82C7
Deuteranopia (green-blind)
#567BC2
Tritanopia (blue-blind)
#478996
Achromatopsia (no color)
#7E7E7E

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

CSS
--color: #697ac4;
/* rgb */ color: rgb(105, 122, 196);
/* oklch */ color: oklch(59.8% 0.115 272.7);
Tailwind
colors: {
  custom: {
    50: '#98a0d6',
    500: '#697ac4',
    950: '#000000',
  },
}
SCSS
$custom: #697ac4;
$custom-light: #98a0d6;
$custom-dark: #000000;
JSON
{
  "hex": "#697ac4",
  "rgb": {
    "r": 105,
    "g": 122,
    "b": 196
  },
  "hsl": {
    "h": 228.791,
    "s": 43.541,
    "l": 59.02
  },
  "oklch": {
    "l": 0.59848,
    "c": 0.11468,
    "h": 272.7
  },
  "luminance": 0.20908
}

Semantic roles & 50–950 ramp

primary
#697AC4
secondary
#D6D0B3
accent
#BC55D3
background
#F9F9FD
surface
#F2F2FA
border
#CCCCD3
text
#0E0E14
muted
#7E7E83

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

معاينة مع #697AC4

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

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

#697AC4 — Tintiva