#69837B#69837B
#69837B لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.207؛ OKLCH L 58.7% C 0.032 H 174.5°. أفضل لون لنص المتن هو #000000 بتباين 5.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69837B |
|---|---|
| RGB | rgb(105, 131, 123) |
| HSL | hsl(162, 11%, 46%) |
| HSV | hsv(162, 20%, 51%) |
| CMYK | cmyk(19.8%, 0%, 6.1%, 48.6%) |
| CIE-LAB | lab(52.58, -11.07, 1.24) |
| CIE-LCH | lch(52.58, 11.14, 173.61°) |
| OKLab | oklab(58.71% -0.0322 0.0031) |
| OKLCH | oklch(58.71% 0.032 174.5) |
| XYZ | xyz(17.5162, 20.6654, 21.8010) |
| Luminance | 0.2067 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 9.19
Steel Grey
#6F828A
ΔE00 9.27
Slate Green
#658D6D
ΔE00 9.64
Greyish Teal
#719F91
ΔE00 10.19
Medium Grey
#7D7F7C
ΔE00 10.31
Battleship Grey
#6B7C85
ΔE00 10.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69837B #836971
analogous
#69836E #69837B #697E83
triadic
#69837B #7B6983 #837B69
tetradic
#69837B #6E6983 #836971 #7E8369
square
#69837B #6E6983 #836971 #7E8369
split-complementary
#69837B #83697E #836E69
monochromatic
#333F3B #4E615B #69837B #89A099 #ABBCB6
إمكانية الوصول والتباين
On white
4.09
#69837B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.13
#69837B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #69837B
5.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69837B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69837B | 1.00 | 4.09 | 5.13 | 5.13 |
| #FFFFFF | 4.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#81807B
Deuteranopia (green-blind)
#7C7C7C
Tritanopia (blue-blind)
#638481
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #69837b; /* rgb */ color: rgb(105, 131, 123); /* oklch */ color: oklch(58.7% 0.032 174.5);
Tailwind
colors: {
custom: {
50: '#94a7a1',
500: '#69837b',
950: '#000000',
},
}SCSS
$custom: #69837b; $custom-light: #94a7a1; $custom-dark: #000000;
JSON
{
"hex": "#69837b",
"rgb": {
"r": 105,
"g": 131,
"b": 123
},
"hsl": {
"h": 161.538,
"s": 11.017,
"l": 46.275
},
"oklch": {
"l": 0.58711,
"c": 0.03231,
"h": 174.5
},
"luminance": 0.20666
}Semantic roles & 50–950 ramp
primary
#69837B
secondary
#AB9DA1
accent
#7488B4
background
#F9FAF9
surface
#F1F4F2
border
#CBCECC
text
#0D0F0E
muted
#7E7F7E