#416A4F#416A4F
#416A4F لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.120؛ OKLCH L 48.6% C 0.064 H 154.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #416A4F |
|---|---|
| RGB | rgb(65, 106, 79) |
| HSL | hsl(140, 24%, 34%) |
| HSV | hsv(140, 39%, 42%) |
| CMYK | cmyk(38.7%, 0%, 25.5%, 58.4%) |
| CIE-LAB | lab(41.21, -20.87, 10.72) |
| CIE-LCH | lch(41.21, 23.46, 152.82°) |
| OKLab | oklab(48.58% -0.0574 0.0274) |
| OKLCH | oklch(48.58% 0.064 154.5) |
| XYZ | xyz(8.7448, 11.9959, 9.2503) |
| Luminance | 0.1200 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 5.23
Pine
#2B5D34
ΔE00 6.95
Dark Green Blue
#1F6357
ΔE00 7.94
Spruce
#0A5F38
ΔE00 7.95
Forest Green
#2D5A27
ΔE00 9.48
Darkolivegreen
#556B2F
ΔE00 11.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#416A4F #6A415C
analogous
#476A41 #416A4F #416A63
triadic
#416A4F #4F416A #6A4F41
tetradic
#416A4F #41476A #6A415C #6A6341
square
#416A4F #41476A #6A415C #6A6341
split-complementary
#416A4F #63416A #6A4147
monochromatic
#121E16 #2A4433 #416A4F #58906B #79AD8A
إمكانية الوصول والتباين
On white
6.18
#416A4F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.40
#416A4F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #416A4F
6.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##416A4F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##416A4F | 1.00 | 6.18 | 3.40 | 6.18 |
| #FFFFFF | 6.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.18 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A644D
Deuteranopia (green-blind)
#635F51
Tritanopia (blue-blind)
#396963
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #416a4f; /* rgb */ color: rgb(65, 106, 79); /* oklch */ color: oklch(48.6% 0.064 154.5);
Tailwind
colors: {
custom: {
50: '#779580',
500: '#416a4f',
950: '#000000',
},
}SCSS
$custom: #416a4f; $custom-light: #779580; $custom-dark: #000000;
JSON
{
"hex": "#416a4f",
"rgb": {
"r": 65,
"g": 106,
"b": 79
},
"hsl": {
"h": 140.488,
"s": 23.977,
"l": 33.529
},
"oklch": {
"l": 0.48577,
"c": 0.06361,
"h": 154.5
},
"luminance": 0.11996
}Semantic roles & 50–950 ramp
primary
#416A4F
secondary
#986F8A
accent
#67A2C0
background
#F7F9F7
surface
#EDF1EE
border
#C8CBC9
text
#090D0A
muted
#7B7E7C