#61475A#61475A
#61475A لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.078؛ OKLCH L 43.3% C 0.046 H 336.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61475A |
|---|---|
| RGB | rgb(97, 71, 90) |
| HSL | hsl(316, 15%, 33%) |
| HSV | hsv(316, 27%, 38%) |
| CMYK | cmyk(0%, 26.8%, 7.2%, 62%) |
| CIE-LAB | lab(33.53, 14.63, -6.88) |
| CIE-LCH | lch(33.53, 16.17, 334.79°) |
| OKLab | oklab(43.27% 0.0419 -0.0183) |
| OKLCH | oklch(43.27% 0.046 336.4) |
| XYZ | xyz(9.0284, 7.7864, 10.6982) |
| Luminance | 0.0779 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dirty Purple
#734A65
ΔE00 5.34
Purplish Brown
#6B4247
ΔE00 8.17
Brownish Purple
#76424E
ΔE00 8.71
Grape
#6C3461
ΔE00 9.49
Purple Brown
#673A3F
ΔE00 9.61
Dark Mauve
#874C62
ΔE00 10.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61475A #47614E
analogous
#5B4761 #61475A #61474D
triadic
#61475A #5A6147 #475A61
tetradic
#61475A #615B47 #47614E #474D61
square
#61475A #615B47 #47614E #474D61
split-complementary
#61475A #4D6147 #47615B
monochromatic
#1A1318 #3E2D39 #61475A #84617B #A28099
إمكانية الوصول والتباين
On white
8.21
#61475A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.56
#61475A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #61475A
8.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61475A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##61475A | 1.00 | 8.21 | 2.56 | 8.21 |
| #FFFFFF | 8.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.21 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#474D5B
Deuteranopia (green-blind)
#4D5059
Tritanopia (blue-blind)
#64484E
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #61475a; /* rgb */ color: rgb(97, 71, 90); /* oklch */ color: oklch(43.3% 0.046 336.4);
Tailwind
colors: {
custom: {
50: '#8e7a88',
500: '#61475a',
950: '#000000',
},
}SCSS
$custom: #61475a; $custom-light: #8e7a88; $custom-dark: #000000;
JSON
{
"hex": "#61475a",
"rgb": {
"r": 97,
"g": 71,
"b": 90
},
"hsl": {
"h": 316.154,
"s": 15.476,
"l": 32.941
},
"oklch": {
"l": 0.4327,
"c": 0.04572,
"h": 336.4
},
"luminance": 0.07786
}Semantic roles & 50–950 ramp
primary
#61475A
secondary
#748F7C
accent
#B88370
background
#F8F7F8
surface
#F0EDEF
border
#CBC8CA
text
#0C090B
muted
#7D7B7C