#548E7B#548E7B

#548E7B لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.227؛ OKLCH L 60.1% C 0.068 H 171.0°. أفضل لون لنص المتن هو #000000 بتباين 5.53:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#548E7B
RGBrgb(84, 142, 123)
HSLhsl(160, 26%, 44%)
HSVhsv(160, 41%, 56%)
CMYKcmyk(40.8%, 0%, 13.4%, 44.3%)
CIE-LABlab(54.72, -23.65, 4.19)
CIE-LCHlch(54.72, 24.02, 169.97°)
OKLaboklab(60.11% -0.0673 0.0107)
OKLCHoklch(60.11% 0.068 171)
XYZxyz(16.9029, 22.6597, 22.2181)
Luminance0.2266 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#548E7B #8E5467
analogous
#548E5E #548E7B #54848E
triadic
#548E7B #7B548E #8E7B54
tetradic
#548E7B #5E548E #8E5467 #848E54
square
#548E7B #5E548E #8E5467 #848E54
split-complementary
#548E7B #8E5484 #8E5E54
monochromatic
#274138 #3D685A #548E7B #73AC99 #99C3B5

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

On white

3.80
#548E7B on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.53
#548E7B on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #548E7B
5.53:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##548E7B#FFFFFF#000000##000000
##548E7B1.003.805.535.53
#FFFFFF3.801.0021.0021.00
#0000005.5321.001.001.00
##0000005.5321.001.001.00

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

Protanopia (red-blind)
#8B877A
Deuteranopia (green-blind)
#81807C
Tritanopia (blue-blind)
#428F88
Achromatopsia (no color)
#838383

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

CSS
--color: #548e7b;
/* rgb */ color: rgb(84, 142, 123);
/* oklch */ color: oklch(60.1% 0.068 171.0);
Tailwind
colors: {
  custom: {
    50: '#87afa1',
    500: '#548e7b',
    950: '#000000',
  },
}
SCSS
$custom: #548e7b;
$custom-light: #87afa1;
$custom-dark: #000000;
JSON
{
  "hex": "#548e7b",
  "rgb": {
    "r": 84,
    "g": 142,
    "b": 123
  },
  "hsl": {
    "h": 160.345,
    "s": 25.664,
    "l": 44.314
  },
  "oklch": {
    "l": 0.60107,
    "c": 0.06813,
    "h": 171
  },
  "luminance": 0.22661
}

Semantic roles & 50–950 ramp

primary
#548E7B
secondary
#B08E99
accent
#6684C2
background
#F8FAF9
surface
#F0F4F2
border
#CBCECC
text
#0B100E
muted
#7C7F7E

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

معاينة مع #548E7B

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

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

#548E7B — Tintiva