#6C6FC4#6C6FC4

#6C6FC4 لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.185؛ OKLCH L 57.8% C 0.129 H 280.0°. أفضل لون لنص المتن هو #000000 بتباين 4.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#6C6FC4
RGB	rgb(108, 111, 196)
HSL	hsl(238, 43%, 60%)
HSV	hsv(238, 45%, 77%)
CMYK	cmyk(44.9%, 43.4%, 0%, 23.1%)
CIE-LAB	lab(50.15, 21.09, -44.89)
CIE-LCH	lch(50.15, 49.60, 295.16°)
OKLab	oklab(57.84% 0.0225 -0.127)
OKLCH	oklch(57.84% 0.129 280)
XYZ	xyz(21.8296, 18.5415, 54.6425)
Luminance	0.1854 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#6C6FC4 #C4C16C

analogous

#6C9BC4 #6C6FC4 #956CC4

triadic

#6C6FC4 #C46C6F #6FC46C

tetradic

#6C6FC4 #C46C9B #C4C16C #6CC495

square

#6C6FC4 #C46C9B #C4C16C #6CC495

split-complementary

#6C6FC4 #C4956C #9BC46C

monochromatic

#343782 #4649AD #6C6FC4 #989AD6 #C3C5E7

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

On white

4.46

#6C6FC4 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.71

#6C6FC4 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #6C6FC4

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

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

fg \ bg	##6C6FC4	#FFFFFF	#000000	##000000
##6C6FC4	1.00	4.46	4.71	4.71
#FFFFFF	4.46	1.00	21.00	21.00
#000000	4.71	21.00	1.00	1.00
##000000	4.71	21.00	1.00	1.00

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

Protanopia (red-blind)

#4E7BC7

Deuteranopia (green-blind)

#4974C2

Tritanopia (blue-blind)

#4F8090

Achromatopsia (no color)

#777777

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

CSS

--color: #6c6fc4;
/* rgb */ color: rgb(108, 111, 196);
/* oklch */ color: oklch(57.8% 0.129 280.0);

Tailwind

colors: {
  custom: {
    50: '#9b98d6',
    500: '#6c6fc4',
    950: '#000000',
  },
}

SCSS

$custom: #6c6fc4;
$custom-light: #9b98d6;
$custom-dark: #000000;

JSON

{
  "hex": "#6c6fc4",
  "rgb": {
    "r": 108,
    "g": 111,
    "b": 196
  },
  "hsl": {
    "h": 237.955,
    "s": 42.718,
    "l": 59.608
  },
  "oklch": {
    "l": 0.57835,
    "c": 0.12895,
    "h": 280
  },
  "luminance": 0.18543
}

Semantic roles & 50–950 ramp

primary

#6C6FC4

secondary

#D7D6B5

accent

#CE55D2

background

#F9F9FD

surface

#F2F2FA

border

#CCCCD3

text

#0E0D14

muted

#7E7E83

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

معاينة مع #6C6FC4

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

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