#39BF7E#39BF7E
#39BF7E لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.396؛ OKLCH L 71.7% C 0.149 H 157.5°. أفضل لون لنص المتن هو #000000 بتباين 8.93:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39BF7E |
|---|---|
| RGB | rgb(57, 191, 126) |
| HSL | hsl(151, 54%, 49%) |
| HSV | hsv(151, 70%, 75%) |
| CMYK | cmyk(70.2%, 0%, 34%, 25.1%) |
| CIE-LAB | lab(69.21, -50.89, 22.65) |
| CIE-LCH | lch(69.21, 55.70, 156.01°) |
| OKLab | oklab(71.7% -0.138 0.0571) |
| OKLCH | oklch(71.7% 0.149 157.5) |
| XYZ | xyz(24.0817, 39.6351, 26.1158) |
| Luminance | 0.3964 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greenish Teal
#32BF84
ΔE00 1.47
Dark Mint Green
#20C073
ΔE00 2.32
Greenblue
#23C48B
ΔE00 2.82
Dark Mint
#48C072
ΔE00 3.05
Dark Seafoam
#1FB57A
ΔE00 3.23
Green Teal
#0CB577
ΔE00 3.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39BF7E #BF397A
analogous
#39BF3B #39BF7E #39BDBF
triadic
#39BF7E #7E39BF #BF7E39
tetradic
#39BF7E #3B39BF #BF397A #BDBF39
square
#39BF7E #3B39BF #BF397A #BDBF39
split-complementary
#39BF7E #BF39BD #BF3B39
monochromatic
#1D6140 #2B905F #39BF7E #64D19C #93DFBA
إمكانية الوصول والتباين
On white
2.35
#39BF7E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.93
#39BF7E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #39BF7E
8.93:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39BF7E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##39BF7E | 1.00 | 2.35 | 8.93 | 8.93 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.93 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BDB07A
Deuteranopia (green-blind)
#ADA482
Tritanopia (blue-blind)
#00BEAE
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #39bf7e; /* rgb */ color: rgb(57, 191, 126); /* oklch */ color: oklch(71.7% 0.149 157.5);
Tailwind
colors: {
custom: {
50: '#81d3a3',
500: '#39bf7e',
950: '#000000',
},
}SCSS
$custom: #39bf7e; $custom-light: #81d3a3; $custom-dark: #000000;
JSON
{
"hex": "#39bf7e",
"rgb": {
"r": 57,
"g": 191,
"b": 126
},
"hsl": {
"h": 150.896,
"s": 54.032,
"l": 48.627
},
"oklch": {
"l": 0.71701,
"c": 0.14937,
"h": 157.5
},
"luminance": 0.39638
}Semantic roles & 50–950 ramp
primary
#39BF7E
secondary
#CA8AA9
accent
#4A92DD
background
#F8FDFA
surface
#F0FAF4
border
#CBD3CE
text
#0C140F
muted
#7D837F