#49DFAA#49DFAA
#49DFAA لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.571؛ OKLCH L 81.1% C 0.148 H 165.3°. أفضل لون لنص المتن هو #000000 بتباين 12.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #49DFAA |
|---|---|
| RGB | rgb(73, 223, 170) |
| HSL | hsl(159, 70%, 58%) |
| HSV | hsv(159, 67%, 87%) |
| CMYK | cmyk(67.3%, 0%, 23.8%, 12.5%) |
| CIE-LAB | lab(80.23, -51.73, 14.63) |
| CIE-LCH | lch(80.23, 53.76, 164.21°) |
| OKLab | oklab(81.14% -0.1428 0.0374) |
| OKLCH | oklch(81.14% 0.148 165.3) |
| XYZ | xyz(36.3871, 57.0901, 47.1242) |
| Luminance | 0.5709 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Eucalyptus
#44D7A8
ΔE00 2.20
Aqua Marine
#2EE8BB
ΔE00 3.52
Seafoam
#7FE0B3
ΔE00 4.55
Aquamarine (survey)
#04D8B2
ΔE00 4.76
Aqua Green
#12E193
ΔE00 4.97
Mediumaquamarine
#66CDAA
ΔE00 5.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#49DFAA #DF497E
analogous
#49DF5F #49DFAA #49C9DF
triadic
#49DFAA #AA49DF #DFAA49
tetradic
#49DFAA #5F49DF #DF497E #C9DF49
square
#49DFAA #5F49DF #DF497E #C9DF49
split-complementary
#49DFAA #DF49C9 #DF5F49
monochromatic
#1A9469 #23C88E #49DFAA #7DE8C2 #B1F1DB
إمكانية الوصول والتباين
On white
1.69
#49DFAA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.42
#49DFAA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #49DFAA
12.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##49DFAA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##49DFAA | 1.00 | 1.69 | 12.42 | 12.42 |
| #FFFFFF | 1.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DAD0A7
Deuteranopia (green-blind)
#C7C1AD
Tritanopia (blue-blind)
#00DFD0
Achromatopsia (no color)
#C7C7C7
وسوم التصميم والكود
CSS
--color: #49dfaa; /* rgb */ color: rgb(73, 223, 170); /* oklch */ color: oklch(81.1% 0.148 165.3);
Tailwind
colors: {
custom: {
50: '#8deac3',
500: '#49dfaa',
950: '#000000',
},
}SCSS
$custom: #49dfaa; $custom-light: #8deac3; $custom-dark: #000000;
JSON
{
"hex": "#49dfaa",
"rgb": {
"r": 73,
"g": 223,
"b": 170
},
"hsl": {
"h": 158.8,
"s": 70.093,
"l": 58.039
},
"oklch": {
"l": 0.81137,
"c": 0.14763,
"h": 165.3
},
"luminance": 0.57094
}Semantic roles & 50–950 ramp
primary
#49DFAA
secondary
#983457
accent
#3B7AED
background
#FCFEFD
surface
#F5FDF9
border
#CFD5D2
text
#0E1612
muted
#7F8482