#702D57#702D57
#702D57 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.060؛ OKLCH L 40.6% C 0.108 H 344.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #702D57 |
|---|---|
| RGB | rgb(112, 45, 87) |
| HSL | hsl(322, 43%, 31%) |
| HSV | hsv(322, 60%, 44%) |
| CMYK | cmyk(0%, 59.8%, 22.3%, 56.1%) |
| CIE-LAB | lab(29.44, 34.88, -10.93) |
| CIE-LCH | lch(29.44, 36.55, 342.60°) |
| OKLab | oklab(40.59% 0.1044 -0.029) |
| OKLCH | oklch(40.59% 0.108 344.5) |
| XYZ | xyz(9.3410, 6.0105, 9.6831) |
| Luminance | 0.0601 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 3.36
Velvet
#750851
ΔE00 5.64
Bruise
#7E4071
ΔE00 6.50
Rich Purple
#720058
ΔE00 6.89
Grape Purple
#5D1451
ΔE00 7.07
Plum (survey)
#580F41
ΔE00 7.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#702D57 #2D7046
analogous
#672D70 #702D57 #702D35
triadic
#702D57 #57702D #2D5770
tetradic
#702D57 #70672D #2D7046 #2D3570
square
#702D57 #70672D #2D7046 #2D3570
split-complementary
#702D57 #35702D #2D7067
monochromatic
#190A13 #441B35 #702D57 #9C3F79 #BD5A98
إمكانية الوصول والتباين
On white
9.54
#702D57 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.20
#702D57 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #702D57
9.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##702D57 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##702D57 | 1.00 | 9.54 | 2.20 | 9.54 |
| #FFFFFF | 9.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#333E58
Deuteranopia (green-blind)
#454955
Tritanopia (blue-blind)
#772D3E
Achromatopsia (no color)
#454545
وسوم التصميم والكود
CSS
--color: #702d57; /* rgb */ color: rgb(112, 45, 87); /* oklch */ color: oklch(40.6% 0.108 344.5);
Tailwind
colors: {
custom: {
50: '#9b6a86',
500: '#702d57',
950: '#000000',
},
}SCSS
$custom: #702d57; $custom-light: #9b6a86; $custom-dark: #000000;
JSON
{
"hex": "#702d57",
"rgb": {
"r": 112,
"g": 45,
"b": 87
},
"hsl": {
"h": 322.388,
"s": 42.675,
"l": 30.784
},
"oklch": {
"l": 0.40588,
"c": 0.10837,
"h": 344.5
},
"luminance": 0.0601
}Semantic roles & 50–950 ramp
primary
#702D57
secondary
#57A273
accent
#D28455
background
#F9F6F8
surface
#F2EBEF
border
#CCC6CA
text
#0E060B
muted
#7E7A7C