#557B58#557B58

#557B58 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.168؛ OKLCH L 54.4% C 0.069 H 146.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.82:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#557B58
RGB	rgb(85, 123, 88)
HSL	hsl(125, 18%, 41%)
HSV	hsv(125, 31%, 48%)
CMYK	cmyk(30.9%, 0%, 28.5%, 51.8%)
CIE-LAB	lab(48.01, -21.02, 14.98)
CIE-LCH	lch(48.01, 25.81, 144.53°)
OKLab	oklab(54.44% -0.0574 0.038)
OKLCH	oklch(54.44% 0.069 146.5)
XYZ	xyz(12.5902, 16.8013, 11.8102)
Luminance	0.1680 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#557B58 #7B5578

analogous

#657B55 #557B58 #557B6B

triadic

#557B58 #58557B #7B5855

tetradic

#557B58 #55657B #7B5578 #7B6B55

square

#557B58 #55657B #7B5578 #7B6B55

split-complementary

#557B58 #6B557B #7B5565

monochromatic

#233324 #3C573E #557B58 #719D74 #95B697

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

On white

4.82

#557B58 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.36

#557B58 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #557B58

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

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

fg \ bg	##557B58	#FFFFFF	#000000	##FFFFFF
##557B58	1.00	4.82	4.36	4.82
#FFFFFF	4.82	1.00	21.00	1.00
#000000	4.36	21.00	1.00	21.00
##FFFFFF	4.82	1.00	21.00	1.00

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

Protanopia (red-blind)

#7C7456

Deuteranopia (green-blind)

#76705A

Tritanopia (blue-blind)

#517972

Achromatopsia (no color)

#727272

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

CSS

--color: #557b58;
/* rgb */ color: rgb(85, 123, 88);
/* oklch */ color: oklch(54.4% 0.069 146.5);

Tailwind

colors: {
  custom: {
    50: '#86a187',
    500: '#557b58',
    950: '#000000',
  },
}

SCSS

$custom: #557b58;
$custom-light: #86a187;
$custom-dark: #000000;

JSON

{
  "hex": "#557b58",
  "rgb": {
    "r": 85,
    "g": 123,
    "b": 88
  },
  "hsl": {
    "h": 124.737,
    "s": 18.269,
    "l": 40.784
  },
  "oklch": {
    "l": 0.54435,
    "c": 0.06888,
    "h": 146.5
  },
  "luminance": 0.16802
}

Semantic roles & 50–950 ramp

primary

#557B58

secondary

#A388A1

accent

#6DB5BB

background

#F8F9F8

surface

#EFF2EF

border

#CACCCA

text

#0B0F0B

muted

#7C7E7C

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

معاينة مع #557B58

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

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