#558B93#558B93

#558B93 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.225؛ OKLCH L 60.2% C 0.058 H 207.7°. أفضل لون لنص المتن هو #000000 بتباين 5.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#558B93
RGB	rgb(85, 139, 147)
HSL	hsl(188, 27%, 45%)
HSV	hsv(188, 42%, 58%)
CMYK	cmyk(42.2%, 5.4%, 0%, 42.4%)
CIE-LAB	lab(54.56, -15.70, -9.90)
CIE-LCH	lch(54.56, 18.56, 212.23°)
OKLab	oklab(60.22% -0.0518 -0.0272)
OKLCH	oklch(60.22% 0.058 207.7)
XYZ	xyz(18.2435, 22.5018, 30.9800)
Luminance	0.2250 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#558B93 #935D55

analogous

#55937C #558B93 #556C93

triadic

#558B93 #93558B #8B9355

tetradic

#558B93 #7C5593 #935D55 #6C9355

square

#558B93 #7C5593 #935D55 #6C9355

split-complementary

#558B93 #93556C #937C55

monochromatic

#284245 #3F666C #558B93 #76A8B0 #9CC1C6

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

On white

3.82

#558B93 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.50

#558B93 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #558B93

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

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

fg \ bg	##558B93	#FFFFFF	#000000	##000000
##558B93	1.00	3.82	5.50	5.50
#FFFFFF	3.82	1.00	21.00	21.00
#000000	5.50	21.00	1.00	1.00
##000000	5.50	21.00	1.00	1.00

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

Protanopia (red-blind)

#838794

Deuteranopia (green-blind)

#787F93

Tritanopia (blue-blind)

#3A8F8D

Achromatopsia (no color)

#828282

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

CSS

--color: #558b93;
/* rgb */ color: rgb(85, 139, 147);
/* oklch */ color: oklch(60.2% 0.058 207.7);

Tailwind

colors: {
  custom: {
    50: '#88adb2',
    500: '#558b93',
    950: '#000000',
  },
}

SCSS

$custom: #558b93;
$custom-light: #88adb2;
$custom-dark: #000000;

JSON

{
  "hex": "#558b93",
  "rgb": {
    "r": 85,
    "g": 139,
    "b": 147
  },
  "hsl": {
    "h": 187.742,
    "s": 26.724,
    "l": 45.49
  },
  "oklch": {
    "l": 0.60221,
    "c": 0.05848,
    "h": 207.7
  },
  "luminance": 0.22503
}

Semantic roles & 50–950 ramp

primary

#558B93

secondary

#B39590

accent

#7165C3

background

#F8FAFA

surface

#F0F4F5

border

#CBCECF

text

#0C1011

muted

#7D7F80

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

معاينة مع #558B93

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

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