#58727C#58727C

#58727C لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.156؛ OKLCH L 53.5% C 0.034 H 223.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#58727C
RGB	rgb(88, 114, 124)
HSL	hsl(197, 17%, 42%)
HSV	hsv(197, 29%, 49%)
CMYK	cmyk(29%, 8.1%, 0%, 51.4%)
CIE-LAB	lab(46.40, -6.93, -8.61)
CIE-LCH	lch(46.40, 11.05, 231.16°)
OKLab	oklab(53.52% -0.0248 -0.0235)
OKLCH	oklch(53.52% 0.034 223.4)
XYZ	xyz(13.6788, 15.5640, 21.3483)
Luminance	0.1557 (WCAG relative)
Temperature	cool
Family	cyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#58727C #7C6258

analogous

#587C74 #58727C #58607C

triadic

#58727C #7C5872 #727C58

tetradic

#58727C #74587C #7C6258 #607C58

square

#58727C #74587C #7C6258 #607C58

split-complementary

#58727C #7C5860 #7C7458

monochromatic

#253034 #3F5158 #58727C #74929D #98AEB6

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

On white

5.11

#58727C on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.11

#58727C on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #58727C

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

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

fg \ bg	##58727C	#FFFFFF	#000000	##FFFFFF
##58727C	1.00	5.11	4.11	5.11
#FFFFFF	5.11	1.00	21.00	1.00
#000000	4.11	21.00	1.00	21.00
##FFFFFF	5.11	1.00	21.00	1.00

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

Protanopia (red-blind)

#6C707D

Deuteranopia (green-blind)

#676C7C

Tritanopia (blue-blind)

#4D7575

Achromatopsia (no color)

#6E6E6E

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

CSS

--color: #58727c;
/* rgb */ color: rgb(88, 114, 124);
/* oklch */ color: oklch(53.5% 0.034 223.4);

Tailwind

colors: {
  custom: {
    50: '#889aa1',
    500: '#58727c',
    950: '#000000',
  },
}

SCSS

$custom: #58727c;
$custom-light: #889aa1;
$custom-dark: #000000;

JSON

{
  "hex": "#58727c",
  "rgb": {
    "r": 88,
    "g": 114,
    "b": 124
  },
  "hsl": {
    "h": 196.667,
    "s": 16.981,
    "l": 41.569
  },
  "oklch": {
    "l": 0.5352,
    "c": 0.03417,
    "h": 223.4
  },
  "luminance": 0.15565
}

Semantic roles & 50–950 ramp

primary

#58727C

secondary

#A4928C

accent

#836EBA

background

#F8F9F9

surface

#F0F2F2

border

#CBCCCC

text

#0B0E0F

muted

#7C7E7E

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

معاينة مع #58727C

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

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