#6C6FCC#6C6FCC

#6C6FCC لون متوسط وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.189؛ OKLCH L 58.3% C 0.140 H 279.7°. أفضل لون لنص المتن هو #000000 بتباين 4.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#6C6FCC
RGB	rgb(108, 111, 204)
HSL	hsl(238, 48%, 61%)
HSV	hsv(238, 47%, 80%)
CMYK	cmyk(47.1%, 45.6%, 0%, 20%)
CIE-LAB	lab(50.59, 23.49, -48.77)
CIE-LCH	lch(50.59, 54.13, 295.72°)
OKLab	oklab(58.31% 0.0237 -0.1383)
OKLCH	oklch(58.31% 0.14 279.7)
XYZ	xyz(22.7646, 18.9155, 59.5666)
Luminance	0.1892 (WCAG relative)
Temperature	cool
Family	blue

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#6C6FCC #CCC96C

analogous

#6C9FCC #6C6FCC #996CCC

triadic

#6C6FCC #CC6C6F #6FCC6C

tetradic

#6C6FCC #CC6C9F #CCC96C #6CCC99

square

#6C6FCC #CC6C9F #CCC96C #6CCC99

split-complementary

#6C6FCC #CC996C #9FCC6C

monochromatic

#31348D #4144BA #6C6FCC #999CDC #C7C8EC

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

On white

4.39

#6C6FCC on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.78

#6C6FCC on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #6C6FCC

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

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

fg \ bg	##6C6FCC	#FFFFFF	#000000	##000000
##6C6FCC	1.00	4.39	4.78	4.78
#FFFFFF	4.39	1.00	21.00	21.00
#000000	4.78	21.00	1.00	1.00
##000000	4.78	21.00	1.00	1.00

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

Protanopia (red-blind)

#497CCF

Deuteranopia (green-blind)

#4275CA

Tritanopia (blue-blind)

#4A8394

Achromatopsia (no color)

#787878

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

CSS

--color: #6c6fcc;
/* rgb */ color: rgb(108, 111, 204);
/* oklch */ color: oklch(58.3% 0.140 279.7);

Tailwind

colors: {
  custom: {
    50: '#9b98dc',
    500: '#6c6fcc',
    950: '#000000',
  },
}

SCSS

$custom: #6c6fcc;
$custom-light: #9b98dc;
$custom-dark: #000000;

JSON

{
  "hex": "#6c6fcc",
  "rgb": {
    "r": 108,
    "g": 111,
    "b": 204
  },
  "hsl": {
    "h": 238.125,
    "s": 48.485,
    "l": 61.176
  },
  "oklch": {
    "l": 0.58314,
    "c": 0.14035,
    "h": 279.7
  },
  "luminance": 0.18917
}

Semantic roles & 50–950 ramp

primary

#6C6FCC

secondary

#DCDBB8

accent

#B72ABC

background

#F9F9FD

surface

#F2F2FB

border

#CCCCD4

text

#0F0D15

muted

#7E7E83

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

معاينة مع #6C6FCC

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

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