#684154#684154

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

قيم اللون

HEX	#684154
RGB	rgb(104, 65, 84)
HSL	hsl(331, 23%, 33%)
HSV	hsv(331, 38%, 41%)
CMYK	cmyk(0%, 37.5%, 19.2%, 59.2%)
CIE-LAB	lab(32.62, 19.99, -4.32)
CIE-LCH	lch(32.62, 20.45, 347.81°)
OKLab	oklab(42.7% 0.0594 -0.0112)
OKLCH	oklch(42.7% 0.06 349.3)
XYZ	xyz(9.1996, 7.3643, 9.3227)
Luminance	0.0736 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#684154 #416855

analogous

#684167 #684154 #684141

triadic

#684154 #546841 #415468

tetradic

#684154 #676841 #416855 #414168

square

#684154 #676841 #416855 #414168

split-complementary

#684154 #416841 #416768

monochromatic

#1D1217 #422936 #684154 #8E5972 #AB7891

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

On white

8.49

#684154 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.47

#684154 on #000000

AA ✗AA large ✗AAA ✗

أفضل لون للنص

#FFFFFF on #684154

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

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

fg \ bg	##684154	#FFFFFF	#000000	##FFFFFF
##684154	1.00	8.49	2.47	8.49
#FFFFFF	8.49	1.00	21.00	1.00
#000000	2.47	21.00	1.00	21.00
##FFFFFF	8.49	1.00	21.00	1.00

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

Protanopia (red-blind)

#444955

Deuteranopia (green-blind)

#4E4F53

Tritanopia (blue-blind)

#6D4048

Achromatopsia (no color)

#4D4D4D

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

CSS

--color: #684154;
/* rgb */ color: rgb(104, 65, 84);
/* oklch */ color: oklch(42.7% 0.060 349.3);

Tailwind

colors: {
  custom: {
    50: '#947684',
    500: '#684154',
    950: '#000000',
  },
}

SCSS

$custom: #684154;
$custom-light: #947684;
$custom-dark: #000000;

JSON

{
  "hex": "#684154",
  "rgb": {
    "r": 104,
    "g": 65,
    "b": 84
  },
  "hsl": {
    "h": 330.769,
    "s": 23.077,
    "l": 33.137
  },
  "oklch": {
    "l": 0.42697,
    "c": 0.06048,
    "h": 349.3
  },
  "luminance": 0.07364
}

Semantic roles & 50–950 ramp

primary

#684154

secondary

#6E9783

accent

#C09568

background

#F9F7F8

surface

#F1EDEF

border

#CBC8CA

text

#0D080A

muted

#7E7B7C

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

معاينة مع #684154

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

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