#684158#684158

#684158 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.074؛ OKLCH L 42.9% C 0.063 H 343.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.45:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#684158
RGB	rgb(104, 65, 88)
HSL	hsl(325, 23%, 33%)
HSV	hsv(325, 38%, 41%)
CMYK	cmyk(0%, 37.5%, 15.4%, 59.2%)
CIE-LAB	lab(32.76, 20.71, -6.67)
CIE-LCH	lch(32.76, 21.76, 342.14°)
OKLab	oklab(42.85% 0.0609 -0.0176)
OKLCH	oklch(42.85% 0.063 343.9)
XYZ	xyz(9.3607, 7.4287, 10.1715)
Luminance	0.0743 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#684158 #416851

analogous

#644168 #684158 #684144

triadic

#684158 #586841 #415868

tetradic

#684158 #686441 #416851 #414468

square

#684158 #686441 #416851 #414468

split-complementary

#684158 #446841 #416864

monochromatic

#1D1218 #422938 #684158 #8E5978 #AB7896

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

On white

8.45

#684158 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.49

#684158 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #684158

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

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

fg \ bg	##684158	#FFFFFF	#000000	##FFFFFF
##684158	1.00	8.45	2.49	8.45
#FFFFFF	8.45	1.00	21.00	1.00
#000000	2.49	21.00	1.00	21.00
##FFFFFF	8.45	1.00	21.00	1.00

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

Protanopia (red-blind)

#434959

Deuteranopia (green-blind)

#4D4F57

Tritanopia (blue-blind)

#6D4149

Achromatopsia (no color)

#4D4D4D

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

CSS

--color: #684158;
/* rgb */ color: rgb(104, 65, 88);
/* oklch */ color: oklch(42.9% 0.063 343.9);

Tailwind

colors: {
  custom: {
    50: '#947687',
    500: '#684158',
    950: '#000000',
  },
}

SCSS

$custom: #684158;
$custom-light: #947687;
$custom-dark: #000000;

JSON

{
  "hex": "#684158",
  "rgb": {
    "r": 104,
    "g": 65,
    "b": 88
  },
  "hsl": {
    "h": 324.615,
    "s": 23.077,
    "l": 33.137
  },
  "oklch": {
    "l": 0.42851,
    "c": 0.06342,
    "h": 343.9
  },
  "luminance": 0.07428
}

Semantic roles & 50–950 ramp

primary

#684158

secondary

#6E977F

accent

#C08C68

background

#F9F7F8

surface

#F1EDEF

border

#CBC8CA

text

#0D080B

muted

#7E7B7C

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

معاينة مع #684158

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

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