#75545F#75545F
#75545F لون متوسط وخافت من عائلة زهري. الإضاءة النسبية 0.109؛ OKLCH L 48.4% C 0.047 H 357.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #75545F |
|---|---|
| RGB | rgb(117, 84, 95) |
| HSL | hsl(340, 16%, 39%) |
| HSV | hsv(340, 28%, 46%) |
| CMYK | cmyk(0%, 28.2%, 18.8%, 54.1%) |
| CIE-LAB | lab(39.50, 15.55, -0.94) |
| CIE-LCH | lch(39.50, 15.58, 356.55°) |
| OKLab | oklab(48.44% 0.0465 -0.0022) |
| OKLCH | oklch(48.44% 0.047 357.2) |
| XYZ | xyz(12.5721, 10.9494, 12.2755) |
| Luminance | 0.1095 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dirty Purple
#734A65
ΔE00 6.35
Purplish Brown
#6B4247
ΔE00 6.90
Dark Mauve
#874C62
ΔE00 6.91
Brownish Purple
#76424E
ΔE00 6.95
Dusky Purple
#895B7B
ΔE00 8.63
Purple Brown
#673A3F
ΔE00 9.37
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#75545F #54756A
analogous
#755470 #75545F #755A54
triadic
#75545F #5F7554 #545F75
tetradic
#75545F #707554 #54756A #5A5475
square
#75545F #707554 #54756A #5A5475
split-complementary
#75545F #54755A #547075
monochromatic
#2E2125 #513A42 #75545F #976F7C #B1929D
إمكانية الوصول والتباين
On white
6.58
#75545F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.19
#75545F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #75545F
6.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##75545F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##75545F | 1.00 | 6.58 | 3.19 | 6.58 |
| #FFFFFF | 6.58 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.19 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.58 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#585A5F
Deuteranopia (green-blind)
#5F5F5E
Tritanopia (blue-blind)
#7A5358
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #75545f; /* rgb */ color: rgb(117, 84, 95); /* oklch */ color: oklch(48.4% 0.047 357.2);
Tailwind
colors: {
custom: {
50: '#9d848c',
500: '#75545f',
950: '#000000',
},
}SCSS
$custom: #75545f; $custom-light: #9d848c; $custom-dark: #000000;
JSON
{
"hex": "#75545f",
"rgb": {
"r": 117,
"g": 84,
"b": 95
},
"hsl": {
"h": 340,
"s": 16.418,
"l": 39.412
},
"oklch": {
"l": 0.48439,
"c": 0.04657,
"h": 357.2
},
"luminance": 0.10949
}Semantic roles & 50–950 ramp
primary
#75545F
secondary
#869F97
accent
#B9A06F
background
#F9F8F8
surface
#F2EFF0
border
#CCCACB
text
#0E0B0C
muted
#7E7C7D