#3F856B#3F856B
#3F856B لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.189؛ OKLCH L 56.4% C 0.082 H 166.8°. أفضل لون لنص المتن هو #000000 بتباين 4.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F856B |
|---|---|
| RGB | rgb(63, 133, 107) |
| HSL | hsl(158, 36%, 38%) |
| HSV | hsv(158, 53%, 52%) |
| CMYK | cmyk(52.6%, 0%, 19.5%, 47.8%) |
| CIE-LAB | lab(50.56, -28.69, 7.35) |
| CIE-LCH | lch(50.56, 29.62, 165.62°) |
| OKLab | oklab(56.36% -0.0802 0.0189) |
| OKLCH | oklch(56.36% 0.082 166.8) |
| XYZ | xyz(13.0901, 18.8922, 16.8638) |
| Luminance | 0.1889 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Sea Green
#11875D
ΔE00 5.53
Viridian
#1E9167
ΔE00 6.18
Sea Green
#2E8B57
ΔE00 7.28
Slate Green
#658D6D
ΔE00 7.29
Ocean Green
#3D9973
ΔE00 7.34
Dusty Teal
#4C9085
ΔE00 7.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F856B #853F59
analogous
#3F8548 #3F856B #3F7C85
triadic
#3F856B #6B3F85 #856B3F
tetradic
#3F856B #483F85 #853F59 #7C853F
square
#3F856B #483F85 #853F59 #7C853F
split-complementary
#3F856B #853F7C #85483F
monochromatic
#183228 #2B5B4A #3F856B #53AE8C #7DC1A8
إمكانية الوصول والتباين
On white
4.39
#3F856B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.78
#3F856B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #3F856B
4.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F856B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##3F856B | 1.00 | 4.39 | 4.78 | 4.78 |
| #FFFFFF | 4.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#827D6A
Deuteranopia (green-blind)
#78756D
Tritanopia (blue-blind)
#25857E
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #3f856b; /* rgb */ color: rgb(63, 133, 107); /* oklch */ color: oklch(56.4% 0.082 166.8);
Tailwind
colors: {
custom: {
50: '#79a995',
500: '#3f856b',
950: '#000000',
},
}SCSS
$custom: #3f856b; $custom-light: #79a995; $custom-dark: #000000;
JSON
{
"hex": "#3f856b",
"rgb": {
"r": 63,
"g": 133,
"b": 107
},
"hsl": {
"h": 157.714,
"s": 35.714,
"l": 38.431
},
"oklch": {
"l": 0.56355,
"c": 0.08238,
"h": 166.8
},
"luminance": 0.18893
}Semantic roles & 50–950 ramp
primary
#3F856B
secondary
#AC7489
accent
#5C86CC
background
#F7FAF9
surface
#EEF4F1
border
#C9CECB
text
#09100D
muted
#7B7F7E