#697D9E#697D9E

#697D9E لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.201؛ OKLCH L 58.6% C 0.056 H 260.3°. أفضل لون لنص المتن هو #000000 بتباين 5.03:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#697D9E
RGBrgb(105, 125, 158)
HSLhsl(217, 21%, 52%)
HSVhsv(217, 34%, 62%)
CMYKcmyk(33.5%, 20.9%, 0%, 38%)
CIE-LABlab(51.99, 0.96, -20.05)
CIE-LCHlch(51.99, 20.07, 272.73°)
OKLaboklab(58.63% -0.0094 -0.0553)
OKLCHoklch(58.63% 0.056 260.3)
XYZxyz(19.3290, 20.1383, 35.2098)
Luminance0.2014 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#697D9E #9E8A69
analogous
#69989E #697D9E #70699E
triadic
#697D9E #9E697D #7D9E69
tetradic
#697D9E #9E6998 #9E8A69 #699E70
square
#697D9E #9E6998 #9E8A69 #699E70
split-complementary
#697D9E #9E7069 #989E69
monochromatic
#374355 #4F607B #697D9E #8E9DB6 #B3BDCE

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

On white

4.18
#697D9E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.03
#697D9E on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##697D9E#FFFFFF#000000##000000
##697D9E1.004.185.035.03
#FFFFFF4.181.0021.0021.00
#0000005.0321.001.001.00
##0000005.0321.001.001.00

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

Protanopia (red-blind)
#727FA0
Deuteranopia (green-blind)
#6C7A9D
Tritanopia (blue-blind)
#598488
Achromatopsia (no color)
#7C7C7C

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

CSS
--color: #697d9e;
/* rgb */ color: rgb(105, 125, 158);
/* oklch */ color: oklch(58.6% 0.056 260.3);
Tailwind
colors: {
  custom: {
    50: '#95a2ba',
    500: '#697d9e',
    950: '#000000',
  },
}
SCSS
$custom: #697d9e;
$custom-light: #95a2ba;
$custom-dark: #000000;
JSON
{
  "hex": "#697d9e",
  "rgb": {
    "r": 105,
    "g": 125,
    "b": 158
  },
  "hsl": {
    "h": 217.358,
    "s": 21.457,
    "l": 51.569
  },
  "oklch": {
    "l": 0.58631,
    "c": 0.05611,
    "h": 260.3
  },
  "luminance": 0.20139
}

Semantic roles & 50–950 ramp

primary
#697D9E
secondary
#BDB4A6
accent
#9E6ABE
background
#F9F9FB
surface
#F2F2F6
border
#CCCCD0
text
#0D0F11
muted
#7E7E80

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

معاينة مع #697D9E

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

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

#697D9E — Tintiva