#6155AB#6155AB

#6155AB لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.120؛ OKLCH L 50.4% C 0.133 H 287.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.18:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#6155AB
RGB	rgb(97, 85, 171)
HSL	hsl(248, 34%, 50%)
HSV	hsv(248, 50%, 67%)
CMYK	cmyk(43.3%, 50.3%, 0%, 32.9%)
CIE-LAB	lab(41.18, 26.86, -44.67)
CIE-LCH	lch(41.18, 52.12, 301.02°)
OKLab	oklab(50.38% 0.0388 -0.1267)
OKLCH	oklch(50.38% 0.133 287)
XYZ	xyz(15.5269, 11.9781, 40.0141)
Luminance	0.1198 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#6155AB #9FAB55

analogous

#5574AB #6155AB #8C55AB

triadic

#6155AB #AB6155 #55AB61

tetradic

#6155AB #AB5574 #9FAB55 #55AB8C

square

#6155AB #AB5574 #9FAB55 #55AB8C

split-complementary

#6155AB #AB8C55 #74AB55

monochromatic

#322C59 #4A4082 #6155AB #877EBF #ADA7D3

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

On white

6.18

#6155AB on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.40

#6155AB on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #6155AB

6.18:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##6155AB	#FFFFFF	#000000	##FFFFFF
##6155AB	1.00	6.18	3.40	6.18
#FFFFFF	6.18	1.00	21.00	1.00
#000000	3.40	21.00	1.00	21.00
##FFFFFF	6.18	1.00	21.00	1.00

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

Protanopia (red-blind)

#3163AE

Deuteranopia (green-blind)

#305FA9

Tritanopia (blue-blind)

#4B6778

Achromatopsia (no color)

#616161

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

CSS

--color: #6155ab;
/* rgb */ color: rgb(97, 85, 171);
/* oklch */ color: oklch(50.4% 0.133 287.0);

Tailwind

colors: {
  custom: {
    50: '#9285c4',
    500: '#6155ab',
    950: '#000000',
  },
}

SCSS

$custom: #6155ab;
$custom-light: #9285c4;
$custom-dark: #000000;

JSON

{
  "hex": "#6155ab",
  "rgb": {
    "r": 97,
    "g": 85,
    "b": 171
  },
  "hsl": {
    "h": 248.372,
    "s": 33.858,
    "l": 50.196
  },
  "oklch": {
    "l": 0.50376,
    "c": 0.13255,
    "h": 287
  },
  "luminance": 0.11979
}

Semantic roles & 50–950 ramp

primary

#6155AB

secondary

#BCC19B

accent

#CA5EBB

background

#F9F8FC

surface

#F2EFF8

border

#CCCAD1

text

#0D0B13

muted

#7E7C82

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

معاينة مع #6155AB

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

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