#4AA8A1#4AA8A1

#4AA8A1 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.320؛ OKLCH L 67.3% C 0.089 H 188.6°. أفضل لون لنص المتن هو #000000 بتباين 7.41:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#4AA8A1
RGBrgb(74, 168, 161)
HSLhsl(176, 39%, 47%)
HSVhsv(176, 56%, 66%)
CMYKcmyk(56%, 0%, 4.2%, 34.1%)
CIE-LABlab(63.37, -29.38, -4.79)
CIE-LCHlch(63.37, 29.76, 189.26°)
OKLaboklab(67.33% -0.0883 -0.0134)
OKLCHoklch(67.33% 0.089 188.6)
XYZxyz(23.2569, 32.0321, 38.6685)
Luminance0.3203 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#4AA8A1 #A84A51
analogous
#4AA872 #4AA8A1 #4A80A8
triadic
#4AA8A1 #A14AA8 #A8A14A
tetradic
#4AA8A1 #724AA8 #A84A51 #80A84A
square
#4AA8A1 #724AA8 #A84A51 #80A84A
split-complementary
#4AA8A1 #A84A80 #A8724A
monochromatic
#255350 #377E78 #4AA8A1 #6FC0BA #9AD2CE

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

On white

2.84
#4AA8A1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.41
#4AA8A1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##4AA8A1#FFFFFF#000000##000000
##4AA8A11.002.847.417.41
#FFFFFF2.841.0021.0021.00
#0000007.4121.001.001.00
##0000007.4121.001.001.00

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

Protanopia (red-blind)
#A0A0A1
Deuteranopia (green-blind)
#9095A2
Tritanopia (blue-blind)
#00ACA6
Achromatopsia (no color)
#999999

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

CSS
--color: #4aa8a1;
/* rgb */ color: rgb(74, 168, 161);
/* oklch */ color: oklch(67.3% 0.089 188.6);
Tailwind
colors: {
  custom: {
    50: '#86c2bc',
    500: '#4aa8a1',
    950: '#000000',
  },
}
SCSS
$custom: #4aa8a1;
$custom-light: #86c2bc;
$custom-dark: #000000;
JSON
{
  "hex": "#4aa8a1",
  "rgb": {
    "r": 74,
    "g": 168,
    "b": 161
  },
  "hsl": {
    "h": 175.532,
    "s": 38.843,
    "l": 47.451
  },
  "oklch": {
    "l": 0.67333,
    "c": 0.08933,
    "h": 188.6
  },
  "luminance": 0.32034
}

Semantic roles & 50–950 ramp

primary
#4AA8A1
secondary
#BF8F93
accent
#5962CF
background
#F8FBFB
surface
#F0F7F6
border
#CBD0D0
text
#0C1212
muted
#7D8181

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

معاينة مع #4AA8A1

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

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

#4AA8A1 — Tintiva