#396964#396964
#396964 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.119؛ OKLCH L 48.5% C 0.053 H 187.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #396964 |
|---|---|
| RGB | rgb(57, 105, 100) |
| HSL | hsl(174, 30%, 32%) |
| HSV | hsv(174, 46%, 41%) |
| CMYK | cmyk(45.7%, 0%, 4.8%, 58.8%) |
| CIE-LAB | lab(41.04, -17.66, -2.29) |
| CIE-LCH | lch(41.04, 17.81, 187.38°) |
| OKLab | oklab(48.52% -0.0528 -0.0064) |
| OKLCH | oklch(48.52% 0.053 187) |
| XYZ | xyz(9.0383, 11.8924, 13.8733) |
| Luminance | 0.1189 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Aqua
#05696B
ΔE00 5.29
Dark Green Blue
#1F6357
ΔE00 5.31
Dark Aquamarine
#017371
ΔE00 6.14
Deep Turquoise
#017374
ΔE00 6.32
Dark Turquoise
#045C5A
ΔE00 6.48
Bluegreen
#017A79
ΔE00 7.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#396964 #69393E
analogous
#39694C #396964 #395669
triadic
#396964 #643969 #696439
tetradic
#396964 #4C3969 #69393E #566939
square
#396964 #4C3969 #69393E #566939
split-complementary
#396964 #693956 #694C39
monochromatic
#0E1A18 #23413E #396964 #4F918A #6DB0A9
إمكانية الوصول والتباين
On white
6.22
#396964 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.38
#396964 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #396964
6.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##396964 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##396964 | 1.00 | 6.22 | 3.38 | 6.22 |
| #FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#656464
Deuteranopia (green-blind)
#5C5E65
Tritanopia (blue-blind)
#246B67
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #396964; /* rgb */ color: rgb(57, 105, 100); /* oklch */ color: oklch(48.5% 0.053 187.0);
Tailwind
colors: {
custom: {
50: '#739490',
500: '#396964',
950: '#000000',
},
}SCSS
$custom: #396964; $custom-light: #739490; $custom-dark: #000000;
JSON
{
"hex": "#396964",
"rgb": {
"r": 57,
"g": 105,
"b": 100
},
"hsl": {
"h": 173.75,
"s": 29.63,
"l": 31.765
},
"oklch": {
"l": 0.48521,
"c": 0.05319,
"h": 187
},
"luminance": 0.11893
}Semantic roles & 50–950 ramp
primary
#396964
secondary
#99656A
accent
#626CC6
background
#F7F9F8
surface
#EDF1F0
border
#C8CBCB
text
#080D0C
muted
#7B7E7D