#878FBB#878FBB

#878FBB لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.284؛ OKLCH L 66.0% C 0.066 H 276.4°. أفضل لون لنص المتن هو #000000 بتباين 6.68:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#878FBB
RGBrgb(135, 143, 187)
HSLhsl(231, 28%, 63%)
HSVhsv(231, 28%, 73%)
CMYKcmyk(27.8%, 23.5%, 0%, 26.7%)
CIE-LABlab(60.23, 7.17, -23.85)
CIE-LCHlch(60.23, 24.91, 286.73°)
OKLaboklab(65.98% 0.0074 -0.0657)
OKLCHoklch(65.98% 0.066 276.4)
XYZxyz(28.7814, 28.3829, 50.9661)
Luminance0.2838 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#878FBB #BBB387
analogous
#87A9BB #878FBB #9987BB
triadic
#878FBB #BB878F #8FBB87
tetradic
#878FBB #BB87A9 #BBB387 #87BB99
square
#878FBB #BB87A9 #BBB387 #87BB99
split-complementary
#878FBB #BB9987 #A9BB87
monochromatic
#48517F #606BA5 #878FBB #AEB3D1 #D5D8E7

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

On white

3.15
#878FBB on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.68
#878FBB on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #878FBB
6.68:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##878FBB#FFFFFF#000000##000000
##878FBB1.003.156.686.68
#FFFFFF3.151.0021.0021.00
#0000006.6821.001.001.00
##0000006.6821.001.001.00

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

Protanopia (red-blind)
#8293BD
Deuteranopia (green-blind)
#7F8FBA
Tritanopia (blue-blind)
#7A979E
Achromatopsia (no color)
#919191

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

CSS
--color: #878fbb;
/* rgb */ color: rgb(135, 143, 187);
/* oklch */ color: oklch(66.0% 0.066 276.4);
Tailwind
colors: {
  custom: {
    50: '#abafcf',
    500: '#878fbb',
    950: '#000000',
  },
}
SCSS
$custom: #878fbb;
$custom-light: #abafcf;
$custom-dark: #000000;
JSON
{
  "hex": "#878fbb",
  "rgb": {
    "r": 135,
    "g": 143,
    "b": 187
  },
  "hsl": {
    "h": 230.769,
    "s": 27.66,
    "l": 63.137
  },
  "oklch": {
    "l": 0.65977,
    "c": 0.06615,
    "h": 276.4
  },
  "luminance": 0.28384
}

Semantic roles & 50–950 ramp

primary
#878FBB
secondary
#D8D5C6
accent
#963FA6
background
#FAFAFC
surface
#F4F4F9
border
#CECED2
text
#101014
muted
#7F7F82

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

معاينة مع #878FBB

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

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

#878FBB — Tintiva