#609D63#609D63
#609D63 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.275؛ OKLCH L 63.9% C 0.106 H 145.3°. أفضل لون لنص المتن هو #000000 بتباين 6.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #609D63 |
|---|---|
| RGB | rgb(96, 157, 99) |
| HSL | hsl(123, 24%, 50%) |
| HSV | hsv(123, 39%, 62%) |
| CMYK | cmyk(38.9%, 0%, 36.9%, 38.4%) |
| CIE-LAB | lab(59.43, -32.12, 24.30) |
| CIE-LCH | lch(59.43, 40.27, 142.90°) |
| OKLab | oklab(63.91% -0.0875 0.0606) |
| OKLCH | oklch(63.91% 0.106 145.3) |
| XYZ | xyz(19.1320, 27.5005, 16.1020) |
| Luminance | 0.2750 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Muted Green
#5FA052
ΔE00 4.04
Light Forest Green
#4F9153
ΔE00 4.60
Dull Green
#74A662
ΔE00 4.61
Greenish
#40A368
ΔE00 4.67
Dusty Green
#76A973
ΔE00 4.72
Algae
#54AC68
ΔE00 5.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#609D63 #9D609A
analogous
#7C9D60 #609D63 #609D82
triadic
#609D63 #63609D #9D6360
tetradic
#609D63 #607C9D #9D609A #9D8260
square
#609D63 #607C9D #9D609A #9D8260
split-complementary
#609D63 #82609D #9D607C
monochromatic
#325133 #49774B #609D63 #85B588 #ABCCAD
إمكانية الوصول والتباين
On white
3.23
#609D63 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.50
#609D63 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #609D63
6.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##609D63 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##609D63 | 1.00 | 3.23 | 6.50 | 6.50 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.50 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.50 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9F935F
Deuteranopia (green-blind)
#968D66
Tritanopia (blue-blind)
#589A8E
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #609d63; /* rgb */ color: rgb(96, 157, 99); /* oklch */ color: oklch(63.9% 0.106 145.3);
Tailwind
colors: {
custom: {
50: '#90ba90',
500: '#609d63',
950: '#000000',
},
}SCSS
$custom: #609d63; $custom-light: #90ba90; $custom-dark: #000000;
JSON
{
"hex": "#609d63",
"rgb": {
"r": 96,
"g": 157,
"b": 99
},
"hsl": {
"h": 122.951,
"s": 24.111,
"l": 49.608
},
"oklch": {
"l": 0.63912,
"c": 0.10644,
"h": 145.3
},
"luminance": 0.27502
}Semantic roles & 50–950 ramp
primary
#609D63
secondary
#BA9EB9
accent
#67BCC1
background
#F9FBF8
surface
#F1F6F0
border
#CBD0CB
text
#0D110C
muted
#7E807D