#548F86#548F86

#548F86 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.233؛ OKLCH L 60.7% C 0.064 H 183.4°. أفضل لون لنص المتن هو #000000 بتباين 5.65:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#548F86
RGBrgb(84, 143, 134)
HSLhsl(171, 26%, 45%)
HSVhsv(171, 41%, 56%)
CMYKcmyk(41.3%, 0%, 6.3%, 43.9%)
CIE-LABlab(55.33, -21.49, -1.26)
CIE-LCHlch(55.33, 21.53, 183.35°)
OKLaboklab(60.7% -0.0635 -0.0037)
OKLCHoklch(60.7% 0.064 183.4)
XYZxyz(17.7800, 23.2497, 26.1004)
Luminance0.2325 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#548F86 #8F545D
analogous
#548F69 #548F86 #547B8F
triadic
#548F86 #86548F #8F8654
tetradic
#548F86 #69548F #8F545D #7B8F54
square
#548F86 #69548F #8F545D #7B8F54
split-complementary
#548F86 #8F547B #8F6954
monochromatic
#27423E #3D6862 #548F86 #73ADA4 #9AC4BD

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

On white

3.72
#548F86 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.65
#548F86 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##548F86#FFFFFF#000000##000000
##548F861.003.725.655.65
#FFFFFF3.721.0021.0021.00
#0000005.6521.001.001.00
##0000005.6521.001.001.00

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

Protanopia (red-blind)
#8A8986
Deuteranopia (green-blind)
#808187
Tritanopia (blue-blind)
#3E918C
Achromatopsia (no color)
#848484

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

CSS
--color: #548f86;
/* rgb */ color: rgb(84, 143, 134);
/* oklch */ color: oklch(60.7% 0.064 183.4);
Tailwind
colors: {
  custom: {
    50: '#87b0a9',
    500: '#548f86',
    950: '#000000',
  },
}
SCSS
$custom: #548f86;
$custom-light: #87b0a9;
$custom-dark: #000000;
JSON
{
  "hex": "#548f86",
  "rgb": {
    "r": 84,
    "g": 143,
    "b": 134
  },
  "hsl": {
    "h": 170.847,
    "s": 25.991,
    "l": 44.51
  },
  "oklch": {
    "l": 0.60696,
    "c": 0.06358,
    "h": 183.4
  },
  "luminance": 0.23251
}

Semantic roles & 50–950 ramp

primary
#548F86
secondary
#B18E93
accent
#6574C2
background
#F8FAFA
surface
#F0F4F4
border
#CBCECE
text
#0B100F
muted
#7C7F7F

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

معاينة مع #548F86

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

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

#548F86 — Tintiva