#897CBC#897CBC

#897CBC لون فاتح ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.234؛ OKLCH L 62.3% C 0.096 H 292.7°. أفضل لون لنص المتن هو #000000 بتباين 5.67:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#897CBC
RGBrgb(137, 124, 188)
HSLhsl(252, 32%, 61%)
HSVhsv(252, 34%, 74%)
CMYKcmyk(27.1%, 34%, 0%, 26.3%)
CIE-LABlab(55.45, 19.09, -31.81)
CIE-LCHlch(55.45, 37.10, 300.98°)
OKLaboklab(62.33% 0.037 -0.0884)
OKLCHoklch(62.33% 0.096 292.7)
XYZxyz(26.5991, 23.3641, 50.6755)
Luminance0.2336 (WCAG relative)
Temperaturecool
Familyviolet

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#897CBC #AFBC7C
analogous
#7C8FBC #897CBC #A97CBC
triadic
#897CBC #BC897C #7CBC89
tetradic
#897CBC #BC7C8F #AFBC7C #7CBCA9
square
#897CBC #BC7C8F #AFBC7C #7CBCA9
split-complementary
#897CBC #BCA97C #8FBC7C
monochromatic
#4D407D #6555A6 #897CBC #ADA4D1 #D2CDE5

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

On white

3.70
#897CBC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.67
#897CBC on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #897CBC
5.67:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##897CBC#FFFFFF#000000##000000
##897CBC1.003.705.675.67
#FFFFFF3.701.0021.0021.00
#0000005.6721.001.001.00
##0000005.6721.001.001.00

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

Protanopia (red-blind)
#6B86BF
Deuteranopia (green-blind)
#6C84BA
Tritanopia (blue-blind)
#7E8793
Achromatopsia (no color)
#858585

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

CSS
--color: #897cbc;
/* rgb */ color: rgb(137, 124, 188);
/* oklch */ color: oklch(62.3% 0.096 292.7);
Tailwind
colors: {
  custom: {
    50: '#ada2d0',
    500: '#897cbc',
    950: '#000000',
  },
}
SCSS
$custom: #897cbc;
$custom-light: #ada2d0;
$custom-dark: #000000;
JSON
{
  "hex": "#897cbc",
  "rgb": {
    "r": 137,
    "g": 124,
    "b": 188
  },
  "hsl": {
    "h": 252.188,
    "s": 32.323,
    "l": 61.176
  },
  "oklch": {
    "l": 0.62333,
    "c": 0.09581,
    "h": 292.7
  },
  "luminance": 0.23365
}

Semantic roles & 50–950 ramp

primary
#897CBC
secondary
#D1D6BE
accent
#AB3A94
background
#FAF9FC
surface
#F4F2F9
border
#CECCD2
text
#100F14
muted
#7F7E82

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

معاينة مع #897CBC

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

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

#897CBC — Tintiva