#2DB472#2DB472
#2DB472 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.344؛ OKLCH L 68.3% C 0.150 H 156.6°. أفضل لون لنص المتن هو #000000 بتباين 7.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2DB472 |
|---|---|
| RGB | rgb(45, 180, 114) |
| HSL | hsl(151, 60%, 44%) |
| HSV | hsv(151, 75%, 71%) |
| CMYK | cmyk(75%, 0%, 36.7%, 29.4%) |
| CIE-LAB | lab(65.29, -50.83, 23.72) |
| CIE-LCH | lch(65.29, 56.09, 154.98°) |
| OKLab | oklab(68.33% -0.1374 0.0595) |
| OKLCH | oklch(68.33% 0.15 156.6) |
| XYZ | xyz(20.4387, 34.4129, 21.4815) |
| Luminance | 0.3442 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Mediumseagreen
#3CB371
ΔE00 0.99
Green Teal
#0CB577
ΔE00 1.63
Jade Green
#2BAF6A
ΔE00 1.69
Dark Seafoam
#1FB57A
ΔE00 1.87
Seaweed Green
#35AD6B
ΔE00 2.11
Dark Seafoam Green
#3EAF76
ΔE00 2.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2DB472 #B42D6F
analogous
#2DB42F #2DB472 #2DB3B4
triadic
#2DB472 #722DB4 #B4722D
tetradic
#2DB472 #2F2DB4 #B42D6F #B3B42D
square
#2DB472 #2F2DB4 #B42D6F #B3B42D
split-complementary
#2DB472 #B42DB3 #B42F2D
monochromatic
#155234 #218353 #2DB472 #4CD291 #7DDEAF
إمكانية الوصول والتباين
On white
2.66
#2DB472 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.88
#2DB472 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2DB472
7.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2DB472 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2DB472 | 1.00 | 2.66 | 7.88 | 7.88 |
| #FFFFFF | 2.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.88 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3A56E
Deuteranopia (green-blind)
#A39A76
Tritanopia (blue-blind)
#00B2A3
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #2db472; /* rgb */ color: rgb(45, 180, 114); /* oklch */ color: oklch(68.3% 0.150 156.6);
Tailwind
colors: {
custom: {
50: '#7acb9b',
500: '#2db472',
950: '#000000',
},
}SCSS
$custom: #2db472; $custom-light: #7acb9b; $custom-dark: #000000;
JSON
{
"hex": "#2db472",
"rgb": {
"r": 45,
"g": 180,
"b": 114
},
"hsl": {
"h": 150.667,
"s": 60,
"l": 44.118
},
"oklch": {
"l": 0.68333,
"c": 0.14975,
"h": 156.6
},
"luminance": 0.34415
}Semantic roles & 50–950 ramp
primary
#2DB472
secondary
#C7769D
accent
#4592E3
background
#F8FCF9
surface
#EFF9F2
border
#CAD2CC
text
#0B130E
muted
#7C827E