#57A69D#57A69D

#57A69D لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.317؛ OKLCH L 67.2% C 0.079 H 185.9°. أفضل لون لنص المتن هو #000000 بتباين 7.35:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#57A69D
RGB	rgb(87, 166, 157)
HSL	hsl(173, 31%, 50%)
HSV	hsv(173, 48%, 65%)
CMYK	cmyk(47.6%, 0%, 5.4%, 34.9%)
CIE-LAB	lab(63.12, -26.55, -2.86)
CIE-LCH	lch(63.12, 26.70, 186.15°)
OKLab	oklab(67.22% -0.079 -0.0081)
OKLCH	oklch(67.22% 0.079 185.9)
XYZ	xyz(23.6500, 31.7310, 36.7702)
Luminance	0.3173 (WCAG relative)
Temperature	cool
Family	teal

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#57A69D #A65760

analogous

#57A676 #57A69D #5787A6

triadic

#57A69D #9D57A6 #A69D57

tetradic

#57A69D #7657A6 #A65760 #87A657

square

#57A69D #7657A6 #A65760 #87A657

split-complementary

#57A69D #A65787 #A67657

monochromatic

#2D5651 #427E77 #57A69D #7FBCB5 #A7D1CC

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

On white

2.86

#57A69D on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.35

#57A69D on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #57A69D

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

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

fg \ bg	##57A69D	#FFFFFF	#000000	##000000
##57A69D	1.00	2.86	7.35	7.35
#FFFFFF	2.86	1.00	21.00	21.00
#000000	7.35	21.00	1.00	1.00
##000000	7.35	21.00	1.00	1.00

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

Protanopia (red-blind)

#9F9E9D

Deuteranopia (green-blind)

#92959E

Tritanopia (blue-blind)

#30A9A3

Achromatopsia (no color)

#999999

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

CSS

--color: #57a69d;
/* rgb */ color: rgb(87, 166, 157);
/* oklch */ color: oklch(67.2% 0.079 185.9);

Tailwind

colors: {
  custom: {
    50: '#8cc0b9',
    500: '#57a69d',
    950: '#000000',
  },
}

SCSS

$custom: #57a69d;
$custom-light: #8cc0b9;
$custom-dark: #000000;

JSON

{
  "hex": "#57a69d",
  "rgb": {
    "r": 87,
    "g": 166,
    "b": 157
  },
  "hsl": {
    "h": 173.165,
    "s": 31.225,
    "l": 49.608
  },
  "oklch": {
    "l": 0.67225,
    "c": 0.07941,
    "h": 185.9
  },
  "luminance": 0.31733
}

Semantic roles & 50–950 ramp

primary

#57A69D

secondary

#BE9A9E

accent

#606CC7

background

#F8FBFB

surface

#F0F7F6

border

#CBD0D0

text

#0C1211

muted

#7D8180

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

معاينة مع #57A69D

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

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