#72606D#72606D
#72606D لون متوسط وخافت من عائلة زهري. الإضاءة النسبية 0.130؛ OKLCH L 51.1% C 0.030 H 336.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #72606D |
|---|---|
| RGB | rgb(114, 96, 109) |
| HSL | hsl(317, 9%, 41%) |
| HSV | hsv(317, 16%, 45%) |
| CMYK | cmyk(0%, 15.8%, 4.4%, 55.3%) |
| CIE-LAB | lab(42.83, 9.72, -4.65) |
| CIE-LCH | lch(42.83, 10.77, 334.42°) |
| OKLab | oklab(51.09% 0.0276 -0.0123) |
| OKLCH | oklch(51.09% 0.03 336) |
| XYZ | xyz(13.8823, 13.0476, 16.2522) |
| Luminance | 0.1305 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Grey
#7A687F
ΔE00 5.14
Purple Grey
#866F85
ΔE00 7.53
Grey Purple
#826D8C
ΔE00 8.80
Dusky Purple
#895B7B
ΔE00 9.82
Dirty Purple
#734A65
ΔE00 9.98
Dusty Purple
#825F87
ΔE00 10.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#72606D #607265
analogous
#6E6072 #72606D #726064
triadic
#72606D #6D7260 #606D72
tetradic
#72606D #726E60 #607265 #606472
square
#72606D #726E60 #607265 #606472
split-complementary
#72606D #647260 #60726E
monochromatic
#30282D #51444D #72606D #927D8C #AE9FAA
إمكانية الوصول والتباين
On white
5.82
#72606D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.61
#72606D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #72606D
5.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##72606D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##72606D | 1.00 | 5.82 | 3.61 | 5.82 |
| #FFFFFF | 5.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.82 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#60646E
Deuteranopia (green-blind)
#64666C
Tritanopia (blue-blind)
#746164
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #72606d; /* rgb */ color: rgb(114, 96, 109); /* oklch */ color: oklch(51.1% 0.030 336.0);
Tailwind
colors: {
custom: {
50: '#9a8d96',
500: '#72606d',
950: '#000000',
},
}SCSS
$custom: #72606d; $custom-light: #9a8d96; $custom-dark: #000000;
JSON
{
"hex": "#72606d",
"rgb": {
"r": 114,
"g": 96,
"b": 109
},
"hsl": {
"h": 316.667,
"s": 8.571,
"l": 41.176
},
"oklch": {
"l": 0.51091,
"c": 0.03025,
"h": 336
},
"luminance": 0.13047
}Semantic roles & 50–950 ramp
primary
#72606D
secondary
#919D94
accent
#B28776
background
#F9F8F9
surface
#F2F0F2
border
#CCCBCC
text
#0E0C0D
muted
#7E7D7E