#613B51#613B51
#613B51 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.063؛ OKLCH L 40.5% C 0.062 H 344.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #613B51 |
|---|---|
| RGB | rgb(97, 59, 81) |
| HSL | hsl(325, 24%, 31%) |
| HSV | hsv(325, 39%, 38%) |
| CMYK | cmyk(0%, 39.2%, 16.5%, 62%) |
| CIE-LAB | lab(30.07, 20.36, -6.29) |
| CIE-LCH | lch(30.07, 21.31, 342.84°) |
| OKLab | oklab(40.52% 0.06 -0.0166) |
| OKLCH | oklch(40.52% 0.062 344.6) |
| XYZ | xyz(7.9790, 6.2639, 8.5718) |
| Luminance | 0.0626 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dirty Purple
#734A65
ΔE00 5.72
Grape
#6C3461
ΔE00 6.76
Brownish Purple
#76424E
ΔE00 7.12
Purplish Brown
#6B4247
ΔE00 7.47
Purple Brown
#673A3F
ΔE00 7.77
Bruise
#7E4071
ΔE00 9.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#613B51 #3B614B
analogous
#5E3B61 #613B51 #613B3E
triadic
#613B51 #51613B #3B5161
tetradic
#613B51 #615E3B #3B614B #3B3E61
square
#613B51 #615E3B #3B614B #3B3E61
split-complementary
#613B51 #3E613B #3B615E
monochromatic
#150D11 #3B2431 #613B51 #875271 #A76F90
إمكانية الوصول والتباين
On white
9.32
#613B51 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#613B51 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #613B51
9.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##613B51 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##613B51 | 1.00 | 9.32 | 2.25 | 9.32 |
| #FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D4352
Deuteranopia (green-blind)
#474950
Tritanopia (blue-blind)
#663B43
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #613b51; /* rgb */ color: rgb(97, 59, 81); /* oklch */ color: oklch(40.5% 0.062 344.6);
Tailwind
colors: {
custom: {
50: '#8f7181',
500: '#613b51',
950: '#000000',
},
}SCSS
$custom: #613b51; $custom-light: #8f7181; $custom-dark: #000000;
JSON
{
"hex": "#613b51",
"rgb": {
"r": 97,
"g": 59,
"b": 81
},
"hsl": {
"h": 325.263,
"s": 24.359,
"l": 30.588
},
"oklch": {
"l": 0.40515,
"c": 0.06228,
"h": 344.6
},
"luminance": 0.06263
}Semantic roles & 50–950 ramp
primary
#613B51
secondary
#679179
accent
#C18D67
background
#F8F6F7
surface
#F0ECEE
border
#CBC7C9
text
#0C080A
muted
#7D7B7C