#76335F#76335F
#76335F لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.070؛ OKLCH L 42.7% C 0.109 H 342.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #76335F |
|---|---|
| RGB | rgb(118, 51, 95) |
| HSL | hsl(321, 40%, 33%) |
| HSV | hsv(321, 57%, 46%) |
| CMYK | cmyk(0%, 56.8%, 19.5%, 53.7%) |
| CIE-LAB | lab(31.91, 35.07, -12.26) |
| CIE-LCH | lch(31.91, 37.15, 340.73°) |
| OKLab | oklab(42.73% 0.1043 -0.0327) |
| OKLCH | oklch(42.73% 0.109 342.6) |
| XYZ | xyz(10.7208, 7.0463, 11.6197) |
| Luminance | 0.0704 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 2.82
Bruise
#7E4071
ΔE00 4.50
Velvet
#750851
ΔE00 6.86
Dirty Purple
#734A65
ΔE00 7.19
Rich Purple
#720058
ΔE00 7.83
Grape Purple
#5D1451
ΔE00 8.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#76335F #33764A
analogous
#6B3376 #76335F #76333D
triadic
#76335F #5F7633 #335F76
tetradic
#76335F #766B33 #33764A #333D76
square
#76335F #766B33 #33764A #333D76
split-complementary
#76335F #3D7633 #33766B
monochromatic
#210E1A #4B213D #76335F #A14581 #BD669F
إمكانية الوصول والتباين
On white
8.72
#76335F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.41
#76335F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #76335F
8.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##76335F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##76335F | 1.00 | 8.72 | 2.41 | 8.72 |
| #FFFFFF | 8.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#384460
Deuteranopia (green-blind)
#4A4F5D
Tritanopia (blue-blind)
#7D3344
Achromatopsia (no color)
#4B4B4B
وسوم التصميم والكود
CSS
--color: #76335f; /* rgb */ color: rgb(118, 51, 95); /* oklch */ color: oklch(42.7% 0.109 342.6);
Tailwind
colors: {
custom: {
50: '#a06e8c',
500: '#76335f',
950: '#000000',
},
}SCSS
$custom: #76335f; $custom-light: #a06e8c; $custom-dark: #000000;
JSON
{
"hex": "#76335f",
"rgb": {
"r": 118,
"g": 51,
"b": 95
},
"hsl": {
"h": 320.597,
"s": 39.645,
"l": 33.137
},
"oklch": {
"l": 0.42726,
"c": 0.10929,
"h": 342.6
},
"luminance": 0.07045
}Semantic roles & 50–950 ramp
primary
#76335F
secondary
#60A578
accent
#D08158
background
#FAF6F8
surface
#F3ECF0
border
#CDC7CB
text
#0F070C
muted
#7F7A7D