#417362#417362
#417362 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.143؛ OKLCH L 51.5% C 0.061 H 170.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #417362 |
|---|---|
| RGB | rgb(65, 115, 98) |
| HSL | hsl(160, 28%, 35%) |
| HSV | hsv(160, 43%, 45%) |
| CMYK | cmyk(43.5%, 0%, 14.8%, 54.9%) |
| CIE-LAB | lab(44.61, -21.24, 4.16) |
| CIE-LCH | lch(44.61, 21.64, 168.92°) |
| OKLab | oklab(51.48% -0.0602 0.0107) |
| OKLCH | oklch(51.48% 0.061 170) |
| XYZ | xyz(10.5144, 14.2664, 13.7525) |
| Luminance | 0.1427 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 6.94
Dark Aquamarine
#017371
ΔE00 8.27
Bluegreen
#017A79
ΔE00 8.96
Deep Turquoise
#017374
ΔE00 9.18
Dark Aqua
#05696B
ΔE00 9.97
Teal
#008080
ΔE00 10.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#417362 #734152
analogous
#417349 #417362 #416B73
triadic
#417362 #624173 #736241
tetradic
#417362 #494173 #734152 #6B7341
square
#417362 #494173 #734152 #6B7341
split-complementary
#417362 #73416B #734941
monochromatic
#15251F #2B4C41 #417362 #579A83 #7AB4A0
إمكانية الوصول والتباين
On white
5.45
#417362 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.85
#417362 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #417362
5.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##417362 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##417362 | 1.00 | 5.45 | 3.85 | 5.45 |
| #FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.85 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#706D61
Deuteranopia (green-blind)
#686763
Tritanopia (blue-blind)
#32746E
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #417362; /* rgb */ color: rgb(65, 115, 98); /* oklch */ color: oklch(51.5% 0.061 170.0);
Tailwind
colors: {
custom: {
50: '#789b8e',
500: '#417362',
950: '#000000',
},
}SCSS
$custom: #417362; $custom-light: #789b8e; $custom-dark: #000000;
JSON
{
"hex": "#417362",
"rgb": {
"r": 65,
"g": 115,
"b": 98
},
"hsl": {
"h": 159.6,
"s": 27.778,
"l": 35.294
},
"oklch": {
"l": 0.51483,
"c": 0.06112,
"h": 170
},
"luminance": 0.14267
}Semantic roles & 50–950 ramp
primary
#417362
secondary
#9F7180
accent
#6484C4
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#090E0C
muted
#7B7E7D