#7CAAA5#7CAAA5

#7CAAA5 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.358؛ OKLCH L 70.4% C 0.050 H 187.7°. أفضل لون لنص المتن هو #000000 بتباين 8.15:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7CAAA5
RGBrgb(124, 170, 165)
HSLhsl(173, 21%, 58%)
HSVhsv(173, 27%, 67%)
CMYKcmyk(27.1%, 0%, 2.9%, 33.3%)
CIE-LABlab(66.33, -16.42, -2.40)
CIE-LCHlch(66.33, 16.60, 188.33°)
OKLaboklab(70.36% -0.0493 -0.0067)
OKLCHoklch(70.36% 0.05 187.7)
XYZxyz(29.4763, 35.7498, 40.9373)
Luminance0.3575 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7CAAA5 #AA7C81
analogous
#7CAA8E #7CAAA5 #7C98AA
triadic
#7CAAA5 #A57CAA #AAA57C
tetradic
#7CAAA5 #8E7CAA #AA7C81 #98AA7C
square
#7CAAA5 #8E7CAA #AA7C81 #98AA7C
split-complementary
#7CAAA5 #AA7C98 #AA8E7C
monochromatic
#446864 #5C8D88 #7CAAA5 #A1C2BE #C6DAD8

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

On white

2.58
#7CAAA5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.15
#7CAAA5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7CAAA5#FFFFFF#000000##000000
##7CAAA51.002.588.158.15
#FFFFFF2.581.0021.0021.00
#0000008.1521.001.001.00
##0000008.1521.001.001.00

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

Protanopia (red-blind)
#A5A5A5
Deuteranopia (green-blind)
#9C9FA6
Tritanopia (blue-blind)
#6EACA8
Achromatopsia (no color)
#A1A1A1

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

CSS
--color: #7caaa5;
/* rgb */ color: rgb(124, 170, 165);
/* oklch */ color: oklch(70.4% 0.050 187.7);
Tailwind
colors: {
  custom: {
    50: '#a3c3bf',
    500: '#7caaa5',
    950: '#000000',
  },
}
SCSS
$custom: #7caaa5;
$custom-light: #a3c3bf;
$custom-dark: #000000;
JSON
{
  "hex": "#7caaa5",
  "rgb": {
    "r": 124,
    "g": 170,
    "b": 165
  },
  "hsl": {
    "h": 173.478,
    "s": 21.296,
    "l": 57.647
  },
  "oklch": {
    "l": 0.70359,
    "c": 0.04979,
    "h": 187.7
  },
  "luminance": 0.35751
}

Semantic roles & 50–950 ramp

primary
#7CAAA5
secondary
#CAB8BA
accent
#6A73BE
background
#FAFCFB
surface
#F4F8F7
border
#CED1D0
text
#0F1212
muted
#7F8181

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

معاينة مع #7CAAA5

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

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

#7CAAA5 — Tintiva