#D97BA8#D97BA8

#D97BA8 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.317؛ OKLCH L 69.9% C 0.128 H 350.8°. أفضل لون لنص المتن هو #000000 بتباين 7.35:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#D97BA8
RGB	rgb(217, 123, 168)
HSL	hsl(331, 55%, 67%)
HSV	hsv(331, 43%, 85%)
CMYK	cmyk(0%, 43.3%, 22.6%, 14.9%)
CIE-LAB	lab(63.13, 42.05, -7.88)
CIE-LCH	lch(63.13, 42.78, 349.38°)
OKLab	oklab(69.88% 0.1261 -0.0204)
OKLCH	oklch(69.88% 0.128 350.8)
XYZ	xyz(42.7671, 31.7479, 40.9136)
Luminance	0.3175 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#D97BA8 #7BD9AC

analogous

#D97BD7 #D97BA8 #D97D7B

triadic

#D97BA8 #A8D97B #7BA8D9

tetradic

#D97BA8 #D7D97B #7BD9AC #7D7BD9

square

#D97BA8 #D7D97B #7BD9AC #7D7BD9

split-complementary

#D97BA8 #7BD97D #7BD7D9

monochromatic

#A9316A #CB4B89 #D97BA8 #E7ABC7 #F4DAE7

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

On white

2.86

#D97BA8 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.35

#D97BA8 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #D97BA8

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

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

fg \ bg	##D97BA8	#FFFFFF	#000000	##000000
##D97BA8	1.00	2.86	7.35	7.35
#FFFFFF	2.86	1.00	21.00	21.00
#000000	7.35	21.00	1.00	1.00
##000000	7.35	21.00	1.00	1.00

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

Protanopia (red-blind)

#858FAA

Deuteranopia (green-blind)

#9D9FA6

Tritanopia (blue-blind)

#E5788B

Achromatopsia (no color)

#999999

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

CSS

--color: #d97ba8;
/* rgb */ color: rgb(217, 123, 168);
/* oklch */ color: oklch(69.9% 0.128 350.8);

Tailwind

colors: {
  custom: {
    50: '#e7a3c1',
    500: '#d97ba8',
    950: '#000000',
  },
}

SCSS

$custom: #d97ba8;
$custom-light: #e7a3c1;
$custom-dark: #000000;

JSON

{
  "hex": "#d97ba8",
  "rgb": {
    "r": 217,
    "g": 123,
    "b": 168
  },
  "hsl": {
    "h": 331.277,
    "s": 55.294,
    "l": 66.667
  },
  "oklch": {
    "l": 0.69877,
    "c": 0.12773,
    "h": 350.8
  },
  "luminance": 0.31745
}

Semantic roles & 50–950 ramp

primary

#D97BA8

secondary

#C9E7D9

accent

#C37623

background

#FEFAFB

surface

#FDF4F7

border

#D5CED0

text

#160F12

muted

#847F81

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

معاينة مع #D97BA8

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

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