#488774#488774

#488774 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.200؛ OKLCH L 57.5% C 0.072 H 172.0°. أفضل لون لنص المتن هو #000000 بتباين 4.99:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#488774
RGBrgb(72, 135, 116)
HSLhsl(162, 30%, 41%)
HSVhsv(162, 47%, 53%)
CMYKcmyk(46.7%, 0%, 14.1%, 47.1%)
CIE-LABlab(51.80, -25.15, 3.95)
CIE-LCHlch(51.80, 25.45, 171.08°)
OKLaboklab(57.54% -0.0715 0.0101)
OKLCHoklch(57.54% 0.072 172)
XYZxyz(14.4875, 19.9655, 19.6099)
Luminance0.1997 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#488774 #87485B
analogous
#488754 #488774 #487A87
triadic
#488774 #744887 #877448
tetradic
#488774 #544887 #87485B #7A8748
square
#488774 #544887 #87485B #7A8748
split-complementary
#488774 #87487A #875448
monochromatic
#1D372F #335F52 #488774 #61AB95 #89C0B0

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

On white

4.21
#488774 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.99
#488774 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##488774#FFFFFF#000000##000000
##4887741.004.214.994.99
#FFFFFF4.211.0021.0021.00
#0000004.9921.001.001.00
##0000004.9921.001.001.00

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

Protanopia (red-blind)
#848073
Deuteranopia (green-blind)
#797875
Tritanopia (blue-blind)
#328881
Achromatopsia (no color)
#7B7B7B

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

CSS
--color: #488774;
/* rgb */ color: rgb(72, 135, 116);
/* oklch */ color: oklch(57.5% 0.072 172.0);
Tailwind
colors: {
  custom: {
    50: '#7faa9c',
    500: '#488774',
    950: '#000000',
  },
}
SCSS
$custom: #488774;
$custom-light: #7faa9c;
$custom-dark: #000000;
JSON
{
  "hex": "#488774",
  "rgb": {
    "r": 72,
    "g": 135,
    "b": 116
  },
  "hsl": {
    "h": 161.905,
    "s": 30.435,
    "l": 40.588
  },
  "oklch": {
    "l": 0.57536,
    "c": 0.07221,
    "h": 172
  },
  "luminance": 0.19967
}

Semantic roles & 50–950 ramp

primary
#488774
secondary
#AC7F8C
accent
#6180C7
background
#F7FAF9
surface
#EEF4F2
border
#C9CECC
text
#0A100E
muted
#7C7F7E

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

معاينة مع #488774

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

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

#488774 — Tintiva