#2F7667#2F7667
#2F7667 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.145؛ OKLCH L 51.6% C 0.075 H 177.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2F7667 |
|---|---|
| RGB | rgb(47, 118, 103) |
| HSL | hsl(167, 43%, 32%) |
| HSV | hsv(167, 60%, 46%) |
| CMYK | cmyk(60.2%, 0%, 12.7%, 53.7%) |
| CIE-LAB | lab(45.00, -26.11, 1.64) |
| CIE-LCH | lch(45.00, 26.16, 176.41°) |
| OKLab | oklab(51.64% -0.075 0.0039) |
| OKLCH | oklch(51.64% 0.075 177) |
| XYZ | xyz(10.0978, 14.5395, 15.1036) |
| Luminance | 0.1454 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Aquamarine
#017371
ΔE00 6.03
Bluegreen
#017A79
ΔE00 6.53
Dark Green Blue
#1F6357
ΔE00 6.67
Deep Turquoise
#017374
ΔE00 7.16
Teal
#008080
ΔE00 7.70
Dark Aqua
#05696B
ΔE00 8.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2F7667 #762F3E
analogous
#2F7644 #2F7667 #2F6276
triadic
#2F7667 #672F76 #76672F
tetradic
#2F7667 #442F76 #762F3E #62762F
square
#2F7667 #442F76 #762F3E #62762F
split-complementary
#2F7667 #762F62 #76442F
monochromatic
#0C1E1B #1E4A41 #2F7667 #40A28D #60C0AB
إمكانية الوصول والتباين
On white
5.37
#2F7667 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.91
#2F7667 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #2F7667
5.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2F7667 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2F7667 | 1.00 | 5.37 | 3.91 | 5.37 |
| #FFFFFF | 5.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.91 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.37 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726F66
Deuteranopia (green-blind)
#676768
Tritanopia (blue-blind)
#007871
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #2f7667; /* rgb */ color: rgb(47, 118, 103); /* oklch */ color: oklch(51.6% 0.075 177.0);
Tailwind
colors: {
custom: {
50: '#6f9e92',
500: '#2f7667',
950: '#000000',
},
}SCSS
$custom: #2f7667; $custom-light: #6f9e92; $custom-dark: #000000;
JSON
{
"hex": "#2f7667",
"rgb": {
"r": 47,
"g": 118,
"b": 103
},
"hsl": {
"h": 167.324,
"s": 43.03,
"l": 32.353
},
"oklch": {
"l": 0.51637,
"c": 0.07508,
"h": 177
},
"luminance": 0.1454
}Semantic roles & 50–950 ramp
primary
#2F7667
secondary
#A75A6A
accent
#5570D3
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#080E0D
muted
#7B7E7D