#60BB9C#60BB9C

#60BB9C لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.404؛ OKLCH L 72.7% C 0.099 H 169.0°. أفضل لون لنص المتن هو #000000 بتباين 9.09:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#60BB9C
RGBrgb(96, 187, 156)
HSLhsl(160, 40%, 55%)
HSVhsv(160, 49%, 73%)
CMYKcmyk(48.7%, 0%, 16.6%, 26.7%)
CIE-LABlab(69.77, -34.68, 7.39)
CIE-LCHlch(69.77, 35.46, 167.97°)
OKLaboklab(72.69% -0.0976 0.0189)
OKLCHoklch(72.69% 0.099 169)
XYZxyz(28.5923, 40.4254, 37.7422)
Luminance0.4043 (WCAG relative)
Temperatureneutral
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#60BB9C #BB607F
analogous
#60BB6E #60BB9C #60ADBB
triadic
#60BB9C #9C60BB #BB9C60
tetradic
#60BB9C #6E60BB #BB607F #ADBB60
square
#60BB9C #6E60BB #BB607F #ADBB60
split-complementary
#60BB9C #BB60AD #BB6E60
monochromatic
#30705B #429B7D #60BB9C #8BCDB7 #B6E0D1

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

On white

2.31
#60BB9C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.09
#60BB9C on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##60BB9C#FFFFFF#000000##000000
##60BB9C1.002.319.099.09
#FFFFFF2.311.0021.0021.00
#0000009.0921.001.001.00
##0000009.0921.001.001.00

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

Protanopia (red-blind)
#B7B19A
Deuteranopia (green-blind)
#A9A69E
Tritanopia (blue-blind)
#3FBCB2
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #60bb9c;
/* rgb */ color: rgb(96, 187, 156);
/* oklch */ color: oklch(72.7% 0.099 169.0);
Tailwind
colors: {
  custom: {
    50: '#93d0b9',
    500: '#60bb9c',
    950: '#000000',
  },
}
SCSS
$custom: #60bb9c;
$custom-light: #93d0b9;
$custom-dark: #000000;
JSON
{
  "hex": "#60bb9c",
  "rgb": {
    "r": 96,
    "g": 187,
    "b": 156
  },
  "hsl": {
    "h": 159.56,
    "s": 40.088,
    "l": 55.49
  },
  "oklch": {
    "l": 0.72694,
    "c": 0.09947,
    "h": 169
  },
  "luminance": 0.40428
}

Semantic roles & 50–950 ramp

primary
#60BB9C
secondary
#CEA8B5
accent
#5881D0
background
#F9FCFB
surface
#F2F9F6
border
#CCD2D0
text
#0D1411
muted
#7E8280

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

معاينة مع #60BB9C

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

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

#60BB9C — Tintiva