#754055#754055
#754055 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.081؛ OKLCH L 44.3% C 0.078 H 355.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #754055 |
|---|---|
| RGB | rgb(117, 64, 85) |
| HSL | hsl(336, 29%, 35%) |
| HSV | hsv(336, 45%, 46%) |
| CMYK | cmyk(0%, 45.3%, 27.4%, 54.1%) |
| CIE-LAB | lab(34.20, 25.86, -2.42) |
| CIE-LCH | lch(34.20, 25.98, 354.65°) |
| OKLab | oklab(44.29% 0.078 -0.006) |
| OKLCH | oklch(44.29% 0.078 355.6) |
| XYZ | xyz(10.8095, 8.1054, 9.5877) |
| Luminance | 0.0810 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Brownish Purple
#76424E
ΔE00 3.38
Dark Mauve
#874C62
ΔE00 4.94
Dirty Purple
#734A65
ΔE00 5.05
Purplish Brown
#6B4247
ΔE00 6.26
Purple Brown
#673A3F
ΔE00 6.90
Grape
#6C3461
ΔE00 8.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#754055 #407560
analogous
#75406F #754055 #754540
triadic
#754055 #557540 #405575
tetradic
#754055 #6F7540 #407560 #454075
square
#754055 #6F7540 #407560 #454075
split-complementary
#754055 #407545 #406F75
monochromatic
#26151C #4D2A38 #754055 #9D5672 #B67991
إمكانية الوصول والتباين
On white
8.01
#754055 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.62
#754055 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #754055
8.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##754055 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##754055 | 1.00 | 8.01 | 2.62 | 8.01 |
| #FFFFFF | 8.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.62 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#474B56
Deuteranopia (green-blind)
#545454
Tritanopia (blue-blind)
#7C3D47
Achromatopsia (no color)
#505050
وسوم التصميم والكود
CSS
--color: #754055; /* rgb */ color: rgb(117, 64, 85); /* oklch */ color: oklch(44.3% 0.078 355.6);
Tailwind
colors: {
custom: {
50: '#9e7684',
500: '#754055',
950: '#000000',
},
}SCSS
$custom: #754055; $custom-light: #9e7684; $custom-dark: #000000;
JSON
{
"hex": "#754055",
"rgb": {
"r": 117,
"g": 64,
"b": 85
},
"hsl": {
"h": 336.226,
"s": 29.282,
"l": 35.49
},
"oklch": {
"l": 0.44291,
"c": 0.07822,
"h": 355.6
},
"luminance": 0.08105
}Semantic roles & 50–950 ramp
primary
#754055
secondary
#70A18D
accent
#C69E62
background
#F9F7F8
surface
#F2EDEF
border
#CCC8CA
text
#0F080B
muted
#7E7B7C