#5EA7A2#5EA7A2

#5EA7A2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.326؛ OKLCH L 67.9% C 0.074 H 189.9°. أفضل لون لنص المتن هو #000000 بتباين 7.53:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#5EA7A2
RGBrgb(94, 167, 162)
HSLhsl(176, 29%, 51%)
HSVhsv(176, 44%, 65%)
CMYKcmyk(43.7%, 0%, 3%, 34.5%)
CIE-LABlab(63.86, -24.04, -4.55)
CIE-LCHlch(63.86, 24.47, 190.71°)
OKLaboklab(67.94% -0.0727 -0.0126)
OKLCHoklch(67.94% 0.074 189.9)
XYZxyz(24.9538, 32.6238, 39.1575)
Luminance0.3263 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#5EA7A2 #A75E63
analogous
#5EA77D #5EA7A2 #5E87A7
triadic
#5EA7A2 #A25EA7 #A7A25E
tetradic
#5EA7A2 #7D5EA7 #A75E63 #87A75E
square
#5EA7A2 #7D5EA7 #A75E63 #87A75E
split-complementary
#5EA7A2 #A75E87 #A77D5E
monochromatic
#315A57 #47817D #5EA7A2 #86BDB9 #ADD2D0

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

On white

2.79
#5EA7A2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.53
#5EA7A2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #5EA7A2
7.53:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##5EA7A2#FFFFFF#000000##000000
##5EA7A21.002.797.537.53
#FFFFFF2.791.0021.0021.00
#0000007.5321.001.001.00
##0000007.5321.001.001.00

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

Protanopia (red-blind)
#A0A0A2
Deuteranopia (green-blind)
#9397A3
Tritanopia (blue-blind)
#3DAAA5
Achromatopsia (no color)
#9B9B9B

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

CSS
--color: #5ea7a2;
/* rgb */ color: rgb(94, 167, 162);
/* oklch */ color: oklch(67.9% 0.074 189.9);
Tailwind
colors: {
  custom: {
    50: '#90c1bd',
    500: '#5ea7a2',
    950: '#000000',
  },
}
SCSS
$custom: #5ea7a2;
$custom-light: #90c1bd;
$custom-dark: #000000;
JSON
{
  "hex": "#5ea7a2",
  "rgb": {
    "r": 94,
    "g": 167,
    "b": 162
  },
  "hsl": {
    "h": 175.89,
    "s": 29.317,
    "l": 51.176
  },
  "oklch": {
    "l": 0.67945,
    "c": 0.07379,
    "h": 189.9
  },
  "luminance": 0.32626
}

Semantic roles & 50–950 ramp

primary
#5EA7A2
secondary
#C1A0A2
accent
#6269C6
background
#F9FBFB
surface
#F1F7F6
border
#CBD0D0
text
#0D1212
muted
#7E8181

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

معاينة مع #5EA7A2

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

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

#5EA7A2 — Tintiva