#707683#707683

#707683 لون متوسط وخافت من عائلة grey. الإضاءة النسبية 0.180؛ OKLCH L 56.5% C 0.021 H 265.9°. أفضل لون لنص المتن هو #000000 بتباين 4.61:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#707683
RGB	rgb(112, 118, 131)
HSL	hsl(221, 8%, 48%)
HSV	hsv(221, 15%, 51%)
CMYK	cmyk(14.5%, 9.9%, 0%, 48.6%)
CIE-LAB	lab(49.54, 0.60, -7.87)
CIE-LCH	lch(49.54, 7.90, 274.37°)
OKLab	oklab(56.52% -0.0015 -0.0213)
OKLCH	oklch(56.52% 0.021 265.9)
XYZ	xyz(17.2563, 18.0401, 24.0413)
Luminance	0.1804 (WCAG relative)
Temperature	neutral
Family	grey

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#707683 #837D70

analogous

#707F83 #707683 #737083

triadic

#707683 #837076 #768370

tetradic

#707683 #83707F #837D70 #708373

square

#707683 #83707F #837D70 #708373

split-complementary

#707683 #837370 #7F8370

monochromatic

#383B41 #545862 #707683 #9095A0 #B1B5BC

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

On white

4.56

#707683 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.61

#707683 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #707683

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

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

fg \ bg	##707683	#FFFFFF	#000000	##000000
##707683	1.00	4.56	4.61	4.61
#FFFFFF	4.56	1.00	21.00	21.00
#000000	4.61	21.00	1.00	1.00
##000000	4.61	21.00	1.00	1.00

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

Protanopia (red-blind)

#727784

Deuteranopia (green-blind)

#717583

Tritanopia (blue-blind)

#6C787A

Achromatopsia (no color)

#767676

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

CSS

--color: #707683;
/* rgb */ color: rgb(112, 118, 131);
/* oklch */ color: oklch(56.5% 0.021 265.9);

Tailwind

colors: {
  custom: {
    50: '#999da7',
    500: '#707683',
    950: '#000000',
  },
}

SCSS

$custom: #707683;
$custom-light: #999da7;
$custom-dark: #000000;

JSON

{
  "hex": "#707683",
  "rgb": {
    "r": 112,
    "g": 118,
    "b": 131
  },
  "hsl": {
    "h": 221.053,
    "s": 7.819,
    "l": 47.647
  },
  "oklch": {
    "l": 0.56521,
    "c": 0.02132,
    "h": 265.9
  },
  "luminance": 0.1804
}

Semantic roles & 50–950 ramp

primary

#707683

secondary

#ACA9A3

accent

#9F77B1

background

#F9F9FA

surface

#F2F2F4

border

#CCCCCE

text

#0D0E0F

muted

#7E7E7F

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

معاينة مع #707683

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

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