#55BCA9#55BCA9

#55BCA9 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.408؛ OKLCH L 72.9% C 0.100 H 179.5°. أفضل لون لنص المتن هو #000000 بتباين 9.15:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#55BCA9
RGBrgb(85, 188, 169)
HSLhsl(169, 43%, 54%)
HSVhsv(169, 55%, 74%)
CMYKcmyk(54.8%, 0%, 10.1%, 26.3%)
CIE-LABlab(70.01, -34.55, 0.57)
CIE-LCHlch(70.01, 34.55, 179.06°)
OKLaboklab(72.89% -0.1002 0.001)
OKLCHoklch(72.89% 0.1 179.5)
XYZxyz(28.8878, 40.7596, 43.8734)
Luminance0.4076 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#55BCA9 #BC5568
analogous
#55BC75 #55BCA9 #559BBC
triadic
#55BCA9 #A955BC #BCA955
tetradic
#55BCA9 #7555BC #BC5568 #9BBC55
square
#55BCA9 #7555BC #BC5568 #9BBC55
split-complementary
#55BCA9 #BC559B #BC7555
monochromatic
#2B6C60 #3C9887 #55BCA9 #81CDBF #ADDFD5

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

On white

2.29
#55BCA9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.15
#55BCA9 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #55BCA9
9.15:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##55BCA9#FFFFFF#000000##000000
##55BCA91.002.299.159.15
#FFFFFF2.291.0021.0021.00
#0000009.1521.001.001.00
##0000009.1521.001.001.00

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

Protanopia (red-blind)
#B5B2A8
Deuteranopia (green-blind)
#A5A6AB
Tritanopia (blue-blind)
#0EBFB6
Achromatopsia (no color)
#ABABAB

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

CSS
--color: #55bca9;
/* rgb */ color: rgb(85, 188, 169);
/* oklch */ color: oklch(72.9% 0.100 179.5);
Tailwind
colors: {
  custom: {
    50: '#8ed0c2',
    500: '#55bca9',
    950: '#000000',
  },
}
SCSS
$custom: #55bca9;
$custom-light: #8ed0c2;
$custom-dark: #000000;
JSON
{
  "hex": "#55bca9",
  "rgb": {
    "r": 85,
    "g": 188,
    "b": 169
  },
  "hsl": {
    "h": 168.932,
    "s": 43.46,
    "l": 53.529
  },
  "oklch": {
    "l": 0.72885,
    "c": 0.10018,
    "h": 179.5
  },
  "luminance": 0.40762
}

Semantic roles & 50–950 ramp

primary
#55BCA9
secondary
#CCA0A8
accent
#556CD3
background
#F9FCFB
surface
#F1F9F7
border
#CBD2D0
text
#0D1412
muted
#7E8281

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

معاينة مع #55BCA9

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

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

#55BCA9 — Tintiva