#7BB5AC#7BB5AC

#7BB5AC لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.402؛ OKLCH L 73.1% C 0.062 H 183.9°. أفضل لون لنص المتن هو #000000 بتباين 9.05:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BB5AC
RGBrgb(123, 181, 172)
HSLhsl(171, 28%, 60%)
HSVhsv(171, 32%, 71%)
CMYKcmyk(32%, 0%, 5%, 29%)
CIE-LABlab(69.64, -20.80, -1.43)
CIE-LCHlch(69.64, 20.85, 183.93°)
OKLaboklab(73.05% -0.0616 -0.0042)
OKLCHoklch(73.05% 0.062 183.9)
XYZxyz(32.1361, 40.2355, 45.0946)
Luminance0.4024 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BB5AC #B57B84
analogous
#7BB58F #7BB5AC #7BA1B5
triadic
#7BB5AC #AC7BB5 #B5AC7B
tetradic
#7BB5AC #8F7BB5 #B57B84 #A1B57B
square
#7BB5AC #8F7BB5 #B57B84 #A1B57B
split-complementary
#7BB5AC #B57BA1 #B58F7B
monochromatic
#41746C #579C91 #7BB5AC #A2CBC5 #C9E1DD

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

On white

2.32
#7BB5AC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.05
#7BB5AC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BB5AC#FFFFFF#000000##000000
##7BB5AC1.002.329.059.05
#FFFFFF2.321.0021.0021.00
#0000009.0521.001.001.00
##0000009.0521.001.001.00

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

Protanopia (red-blind)
#B0AFAC
Deuteranopia (green-blind)
#A5A7AD
Tritanopia (blue-blind)
#68B7B2
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #7bb5ac;
/* rgb */ color: rgb(123, 181, 172);
/* oklch */ color: oklch(73.1% 0.062 183.9);
Tailwind
colors: {
  custom: {
    50: '#a3cbc4',
    500: '#7bb5ac',
    950: '#000000',
  },
}
SCSS
$custom: #7bb5ac;
$custom-light: #a3cbc4;
$custom-dark: #000000;
JSON
{
  "hex": "#7bb5ac",
  "rgb": {
    "r": 123,
    "g": 181,
    "b": 172
  },
  "hsl": {
    "h": 170.69,
    "s": 28.155,
    "l": 59.608
  },
  "oklch": {
    "l": 0.73053,
    "c": 0.06179,
    "h": 183.9
  },
  "luminance": 0.40237
}

Semantic roles & 50–950 ramp

primary
#7BB5AC
secondary
#D1BBBE
accent
#6372C4
background
#FAFCFC
surface
#F4F8F8
border
#CED1D1
text
#0F1312
muted
#7F8281

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

معاينة مع #7BB5AC

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

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

#7BB5AC — Tintiva