#696989#696989

#696989 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.149؛ OKLCH L 53.3% C 0.050 H 284.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.27:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#696989
RGB	rgb(105, 105, 137)
HSL	hsl(240, 13%, 47%)
HSV	hsv(240, 23%, 54%)
CMYK	cmyk(23.4%, 23.4%, 0%, 46.3%)
CIE-LAB	lab(45.51, 7.39, -17.59)
CIE-LCH	lch(45.51, 19.08, 292.78°)
OKLab	oklab(53.3% 0.0126 -0.0483)
OKLCH	oklch(53.3% 0.05 284.6)
XYZ	xyz(15.3915, 14.9123, 25.7295)
Luminance	0.1491 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#696989 #898969

analogous

#697989 #696989 #796989

triadic

#696989 #896969 #698969

tetradic

#696989 #896979 #898969 #698979

square

#696989 #896979 #898969 #698979

split-complementary

#696989 #897969 #798969

monochromatic

#343444 #4E4E66 #696989 #8A8AA5 #ADADC0

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

On white

5.27

#696989 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.98

#696989 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #696989

5.27:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##696989	#FFFFFF	#000000	##FFFFFF
##696989	1.00	5.27	3.98	5.27
#FFFFFF	5.27	1.00	21.00	1.00
#000000	3.98	21.00	1.00	21.00
##FFFFFF	5.27	1.00	21.00	1.00

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

Protanopia (red-blind)

#616D8A

Deuteranopia (green-blind)

#606B88

Tritanopia (blue-blind)

#626E74

Achromatopsia (no color)

#6C6C6C

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

CSS

--color: #696989;
/* rgb */ color: rgb(105, 105, 137);
/* oklch */ color: oklch(53.3% 0.050 284.6);

Tailwind

colors: {
  custom: {
    50: '#9493ab',
    500: '#696989',
    950: '#000000',
  },
}

SCSS

$custom: #696989;
$custom-light: #9493ab;
$custom-dark: #000000;

JSON

{
  "hex": "#696989",
  "rgb": {
    "r": 105,
    "g": 105,
    "b": 137
  },
  "hsl": {
    "h": 240,
    "s": 13.223,
    "l": 47.451
  },
  "oklch": {
    "l": 0.53304,
    "c": 0.04988,
    "h": 284.6
  },
  "luminance": 0.14913
}

Semantic roles & 50–950 ramp

primary

#696989

secondary

#AFAF9F

accent

#B672B6

background

#F9F9FA

surface

#F1F1F4

border

#CBCBCE

text

#0D0D10

muted

#7E7E7F

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

معاينة مع #696989

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

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