#674E7B#674E7B

#674E7B لون متوسط ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.098؛ OKLCH L 46.8% C 0.077 H 309.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#674E7B
RGB	rgb(103, 78, 123)
HSL	hsl(273, 22%, 39%)
HSV	hsv(273, 37%, 48%)
CMYK	cmyk(16.3%, 36.6%, 0%, 51.8%)
CIE-LAB	lab(37.41, 19.85, -21.59)
CIE-LCH	lch(37.41, 29.33, 312.61°)
OKLab	oklab(46.84% 0.0484 -0.0595)
OKLCH	oklch(46.84% 0.077 309.1)
XYZ	xyz(11.8924, 9.7625, 19.9929)
Luminance	0.0976 (WCAG relative)
Temperature	cool
Family	violet

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#674E7B #627B4E

analogous

#514E7B #674E7B #7B4E79

triadic

#674E7B #7B674E #4E7B67

tetradic

#674E7B #7B514E #627B4E #4E797B

square

#674E7B #7B514E #627B4E #4E797B

split-complementary

#674E7B #797B4E #4E7B51

monochromatic

#281F30 #483656 #674E7B #86679F #A48DB7

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

On white

7.11

#674E7B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.95

#674E7B on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #674E7B

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

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

fg \ bg	##674E7B	#FFFFFF	#000000	##FFFFFF
##674E7B	1.00	7.11	2.95	7.11
#FFFFFF	7.11	1.00	21.00	1.00
#000000	2.95	21.00	1.00	21.00
##FFFFFF	7.11	1.00	21.00	1.00

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

Protanopia (red-blind)

#45577D

Deuteranopia (green-blind)

#4B587A

Tritanopia (blue-blind)

#65545F

Achromatopsia (no color)

#585858

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

CSS

--color: #674e7b;
/* rgb */ color: rgb(103, 78, 123);
/* oklch */ color: oklch(46.8% 0.077 309.1);

Tailwind

colors: {
  custom: {
    50: '#9380a1',
    500: '#674e7b',
    950: '#000000',
  },
}

SCSS

$custom: #674e7b;
$custom-light: #9380a1;
$custom-dark: #000000;

JSON

{
  "hex": "#674e7b",
  "rgb": {
    "r": 103,
    "g": 78,
    "b": 123
  },
  "hsl": {
    "h": 273.333,
    "s": 22.388,
    "l": 39.412
  },
  "oklch": {
    "l": 0.46835,
    "c": 0.0767,
    "h": 309.1
  },
  "luminance": 0.09762
}

Semantic roles & 50–950 ramp

primary

#674E7B

secondary

#91A381

accent

#BF698F

background

#F9F7F9

surface

#F1EEF2

border

#CBC9CC

text

#0D0A0F

muted

#7E7C7E

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

معاينة مع #674E7B

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

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