#557B53#557B53

#557B53 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.167؛ OKLCH L 54.3% C 0.075 H 143.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.83:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#557B53
RGB	rgb(85, 123, 83)
HSL	hsl(117, 19%, 40%)
HSV	hsv(117, 33%, 48%)
CMYK	cmyk(30.9%, 0%, 32.5%, 51.8%)
CIE-LAB	lab(47.91, -21.94, 17.73)
CIE-LCH	lch(47.91, 28.21, 141.06°)
OKLab	oklab(54.32% -0.0598 0.0446)
OKLCH	oklch(54.32% 0.075 143.3)
XYZ	xyz(12.3901, 16.7212, 10.7566)
Luminance	0.1672 (WCAG relative)
Temperature	neutral
Family	green

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#557B53 #79537B

analogous

#697B53 #557B53 #537B65

triadic

#557B53 #53557B #7B5355

tetradic

#557B53 #53697B #79537B #7B6553

square

#557B53 #53697B #79537B #7B6553

split-complementary

#557B53 #65537B #7B5369

monochromatic

#223222 #3C563A #557B53 #709D6E #94B693

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

On white

4.83

#557B53 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.34

#557B53 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #557B53

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

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

fg \ bg	##557B53	#FFFFFF	#000000	##FFFFFF
##557B53	1.00	4.83	4.34	4.83
#FFFFFF	4.83	1.00	21.00	1.00
#000000	4.34	21.00	1.00	21.00
##FFFFFF	4.83	1.00	21.00	1.00

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

Protanopia (red-blind)

#7D7450

Deuteranopia (green-blind)

#777055

Tritanopia (blue-blind)

#527971

Achromatopsia (no color)

#727272

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

CSS

--color: #557b53;
/* rgb */ color: rgb(85, 123, 83);
/* oklch */ color: oklch(54.3% 0.075 143.3);

Tailwind

colors: {
  custom: {
    50: '#86a183',
    500: '#557b53',
    950: '#000000',
  },
}

SCSS

$custom: #557b53;
$custom-light: #86a183;
$custom-dark: #000000;

JSON

{
  "hex": "#557b53",
  "rgb": {
    "r": 85,
    "g": 123,
    "b": 83
  },
  "hsl": {
    "h": 117,
    "s": 19.417,
    "l": 40.392
  },
  "oklch": {
    "l": 0.5432,
    "c": 0.07464,
    "h": 143.3
  },
  "luminance": 0.16722
}

Semantic roles & 50–950 ramp

primary

#557B53

secondary

#A286A3

accent

#6CBCB8

background

#F8F9F8

surface

#EFF2EF

border

#CACCCA

text

#0B0F0A

muted

#7C7E7C

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

معاينة مع #557B53

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

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