#61394C#61394C
#61394C لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.060؛ OKLCH L 39.9% C 0.063 H 350.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61394C |
|---|---|
| RGB | rgb(97, 57, 76) |
| HSL | hsl(332, 26%, 30%) |
| HSV | hsv(332, 41%, 38%) |
| CMYK | cmyk(0%, 41.2%, 21.6%, 62%) |
| CIE-LAB | lab(29.39, 20.69, -4.05) |
| CIE-LCH | lch(29.39, 21.08, 348.94°) |
| OKLab | oklab(39.94% 0.0618 -0.0105) |
| OKLCH | oklch(39.94% 0.063 350.4) |
| XYZ | xyz(7.6975, 5.9899, 7.5868) |
| Luminance | 0.0599 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Brownish Purple
#76424E
ΔE00 6.27
Purple Brown
#673A3F
ΔE00 6.38
Purplish Brown
#6B4247
ΔE00 6.42
Dirty Purple
#734A65
ΔE00 6.65
Grape
#6C3461
ΔE00 7.72
Dark Mauve
#874C62
ΔE00 9.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61394C #39614E
analogous
#613960 #61394C #613A39
triadic
#61394C #4C6139 #394C61
tetradic
#61394C #606139 #39614E #3A3961
square
#61394C #606139 #39614E #3A3961
split-complementary
#61394C #39613A #396061
monochromatic
#140C10 #3A222E #61394C #88506A #A96C89
إمكانية الوصول والتباين
On white
9.56
#61394C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.20
#61394C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #61394C
9.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61394C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##61394C | 1.00 | 9.56 | 2.20 | 9.56 |
| #FFFFFF | 9.56 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.20 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.56 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D414D
Deuteranopia (green-blind)
#47484B
Tritanopia (blue-blind)
#663840
Achromatopsia (no color)
#454545
وسوم التصميم والكود
CSS
--color: #61394c; /* rgb */ color: rgb(97, 57, 76); /* oklch */ color: oklch(39.9% 0.063 350.4);
Tailwind
colors: {
custom: {
50: '#8f707e',
500: '#61394c',
950: '#000000',
},
}SCSS
$custom: #61394c; $custom-light: #8f707e; $custom-dark: #000000;
JSON
{
"hex": "#61394c",
"rgb": {
"r": 97,
"g": 57,
"b": 76
},
"hsl": {
"h": 331.5,
"s": 25.974,
"l": 30.196
},
"oklch": {
"l": 0.39938,
"c": 0.06265,
"h": 350.4
},
"luminance": 0.05989
}Semantic roles & 50–950 ramp
primary
#61394C
secondary
#65917C
accent
#C29665
background
#F8F6F7
surface
#F0ECEE
border
#CBC7C9
text
#0C0709
muted
#7D7A7B