#99697E#99697E
#99697E لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.184؛ OKLCH L 57.7% C 0.068 H 351.5°. أفضل لون لنص المتن هو #000000 بتباين 4.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #99697E |
|---|---|
| RGB | rgb(153, 105, 126) |
| HSL | hsl(334, 19%, 51%) |
| HSV | hsv(334, 31%, 60%) |
| CMYK | cmyk(0%, 31.4%, 17.6%, 40%) |
| CIE-LAB | lab(49.96, 22.48, -3.86) |
| CIE-LCH | lch(49.96, 22.81, 350.25°) |
| OKLab | oklab(57.73% 0.0669 -0.0099) |
| OKLCH | oklch(57.73% 0.068 351.5) |
| XYZ | xyz(21.9545, 18.3829, 22.1265) |
| Luminance | 0.1838 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mauve (survey)
#AE7181
ΔE00 5.86
Dusky Purple
#895B7B
ΔE00 6.56
Purple Grey
#866F85
ΔE00 7.22
Light Plum
#9D5783
ΔE00 7.54
Dull Purple
#84597E
ΔE00 8.50
Greyish Purple
#887191
ΔE00 8.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#99697E #699984
analogous
#996996 #99697E #996C69
triadic
#99697E #7E9969 #697E99
tetradic
#99697E #969969 #699984 #6C6999
square
#99697E #969969 #699984 #6C6999
split-complementary
#99697E #69996C #699699
monochromatic
#513742 #755060 #99697E #B28D9D #CBB2BD
إمكانية الوصول والتباين
On white
4.49
#99697E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.68
#99697E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #99697E
4.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##99697E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##99697E | 1.00 | 4.49 | 4.68 | 4.68 |
| #FFFFFF | 4.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E727F
Deuteranopia (green-blind)
#797A7D
Tritanopia (blue-blind)
#A06870
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #99697e; /* rgb */ color: rgb(153, 105, 126); /* oklch */ color: oklch(57.7% 0.068 351.5);
Tailwind
colors: {
custom: {
50: '#b894a3',
500: '#99697e',
950: '#000000',
},
}SCSS
$custom: #99697e; $custom-light: #b894a3; $custom-dark: #000000;
JSON
{
"hex": "#99697e",
"rgb": {
"r": 153,
"g": 105,
"b": 126
},
"hsl": {
"h": 333.75,
"s": 19.048,
"l": 50.588
},
"oklch": {
"l": 0.57732,
"c": 0.0676,
"h": 351.5
},
"luminance": 0.18382
}Semantic roles & 50–950 ramp
primary
#99697E
secondary
#A4BAB0
accent
#BC996C
background
#FBF9FA
surface
#F6F1F3
border
#D0CBCD
text
#110D0F
muted
#807E7F