#89A5BC#89A5BC

#89A5BC لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.359؛ OKLCH L 70.9% C 0.046 H 243.2°. أفضل لون لنص المتن هو #000000 بتباين 8.17:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#89A5BC
RGBrgb(137, 165, 188)
HSLhsl(207, 28%, 64%)
HSVhsv(207, 27%, 74%)
CMYKcmyk(27.1%, 12.2%, 0%, 26.3%)
CIE-LABlab(66.41, -4.35, -15.00)
CIE-LCHlch(66.41, 15.62, 253.84°)
OKLaboklab(70.86% -0.0207 -0.041)
OKLCHoklch(70.86% 0.046 243.2)
XYZxyz(32.8461, 35.8582, 52.7579)
Luminance0.3586 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#89A5BC #BCA089
analogous
#89BCB9 #89A5BC #898BBC
triadic
#89A5BC #BC89A5 #A5BC89
tetradic
#89A5BC #B989BC #BCA089 #8BBC89
square
#89A5BC #B989BC #BCA089 #8BBC89
split-complementary
#89A5BC #BC898B #BCB989
monochromatic
#496881 #6287A6 #89A5BC #B0C3D2 #D7E1E8

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

On white

2.57
#89A5BC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.17
#89A5BC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #89A5BC
8.17:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##89A5BC#FFFFFF#000000##000000
##89A5BC1.002.578.178.17
#FFFFFF2.571.0021.0021.00
#0000008.1721.001.001.00
##0000008.1721.001.001.00

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

Protanopia (red-blind)
#9CA5BD
Deuteranopia (green-blind)
#959FBC
Tritanopia (blue-blind)
#7AABAC
Achromatopsia (no color)
#A1A1A1

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

CSS
--color: #89a5bc;
/* rgb */ color: rgb(137, 165, 188);
/* oklch */ color: oklch(70.9% 0.046 243.2);
Tailwind
colors: {
  custom: {
    50: '#acbfd0',
    500: '#89a5bc',
    950: '#000000',
  },
}
SCSS
$custom: #89a5bc;
$custom-light: #acbfd0;
$custom-dark: #000000;
JSON
{
  "hex": "#89a5bc",
  "rgb": {
    "r": 137,
    "g": 165,
    "b": 188
  },
  "hsl": {
    "h": 207.059,
    "s": 27.568,
    "l": 63.725
  },
  "oklch": {
    "l": 0.70864,
    "c": 0.0459,
    "h": 243.2
  },
  "luminance": 0.35859
}

Semantic roles & 50–950 ramp

primary
#89A5BC
secondary
#D9D0C7
accent
#6E3FA6
background
#FAFBFC
surface
#F4F7F9
border
#CED0D2
text
#101214
muted
#7F8182

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

معاينة مع #89A5BC

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

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

#89A5BC — Tintiva