#7BBBA6#7BBBA6

#7BBBA6 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.425؛ OKLCH L 74.3% C 0.073 H 171.6°. أفضل لون لنص المتن هو #000000 بتباين 9.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#7BBBA6
RGBrgb(123, 187, 166)
HSLhsl(160, 32%, 61%)
HSVhsv(160, 34%, 73%)
CMYKcmyk(34.2%, 0%, 11.2%, 26.7%)
CIE-LABlab(71.22, -25.15, 4.16)
CIE-LCHlch(71.22, 25.50, 170.61°)
OKLaboklab(74.27% -0.0719 0.0106)
OKLCHoklch(74.27% 0.073 171.6)
XYZxyz(32.8192, 42.5029, 42.5436)
Luminance0.4250 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#7BBBA6 #BB7B90
analogous
#7BBB86 #7BBBA6 #7BB0BB
triadic
#7BBBA6 #A67BBB #BBA67B
tetradic
#7BBBA6 #867BBB #BB7B90 #B0BB7B
square
#7BBBA6 #867BBB #BB7B90 #B0BB7B
split-complementary
#7BBBA6 #BB7BB0 #BB867B
monochromatic
#407C68 #55A48A #7BBBA6 #A3D0C1 #CCE5DC

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

On white

2.21
#7BBBA6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.50
#7BBBA6 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##7BBBA6#FFFFFF#000000##000000
##7BBBA61.002.219.509.50
#FFFFFF2.211.0021.0021.00
#0000009.5021.001.001.00
##0000009.5021.001.001.00

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

Protanopia (red-blind)
#B7B3A5
Deuteranopia (green-blind)
#ACABA7
Tritanopia (blue-blind)
#69BCB5
Achromatopsia (no color)
#AEAEAE

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

CSS
--color: #7bbba6;
/* rgb */ color: rgb(123, 187, 166);
/* oklch */ color: oklch(74.3% 0.073 171.6);
Tailwind
colors: {
  custom: {
    50: '#a3cfc0',
    500: '#7bbba6',
    950: '#000000',
  },
}
SCSS
$custom: #7bbba6;
$custom-light: #a3cfc0;
$custom-dark: #000000;
JSON
{
  "hex": "#7bbba6",
  "rgb": {
    "r": 123,
    "g": 187,
    "b": 166
  },
  "hsl": {
    "h": 160.313,
    "s": 32,
    "l": 60.784
  },
  "oklch": {
    "l": 0.74268,
    "c": 0.07269,
    "h": 171.6
  },
  "luminance": 0.42505
}

Semantic roles & 50–950 ramp

primary
#7BBBA6
secondary
#D5BDC5
accent
#3B5FAB
background
#FAFCFB
surface
#F4F9F7
border
#CED2D0
text
#0F1412
muted
#7F8281

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

معاينة مع #7BBBA6

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

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

#7BBBA6 — Tintiva