#39B592#39B592
#39B592 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.360؛ OKLCH L 69.6% C 0.120 H 170.1°. أفضل لون لنص المتن هو #000000 بتباين 8.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39B592 |
|---|---|
| RGB | rgb(57, 181, 146) |
| HSL | hsl(163, 52%, 47%) |
| HSV | hsv(163, 69%, 71%) |
| CMYK | cmyk(68.5%, 0%, 19.3%, 29%) |
| CIE-LAB | lab(66.51, -42.30, 8.05) |
| CIE-LCH | lch(66.51, 43.06, 169.22°) |
| OKLab | oklab(69.63% -0.1183 0.0206) |
| OKLCH | oklch(69.63% 0.12 170.1) |
| XYZ | xyz(23.3969, 35.9903, 32.9023) |
| Luminance | 0.3599 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greeny Blue
#42B395
ΔE00 1.53
Green Blue
#01C08D
ΔE00 4.70
Tealish
#24BCA8
ΔE00 5.55
Bluey Green
#2BB179
ΔE00 5.68
Dark Seafoam
#1FB57A
ΔE00 5.97
Turquoise (survey)
#06C2AC
ΔE00 6.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39B592 #B5395C
analogous
#39B554 #39B592 #399AB5
triadic
#39B592 #9239B5 #B59239
tetradic
#39B592 #5439B5 #B5395C #9AB539
square
#39B592 #5439B5 #B5395C #9AB539
split-complementary
#39B592 #B5399A #B55439
monochromatic
#1C5847 #2A866C #39B592 #5FCDAE #8DDBC5
إمكانية الوصول والتباين
On white
2.56
#39B592 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.20
#39B592 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #39B592
8.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39B592 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##39B592 | 1.00 | 2.56 | 8.20 | 8.20 |
| #FFFFFF | 2.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B0A990
Deuteranopia (green-blind)
#9F9D94
Tritanopia (blue-blind)
#00B6AB
Achromatopsia (no color)
#A2A2A2
وسوم التصميم والكود
CSS
--color: #39b592; /* rgb */ color: rgb(57, 181, 146); /* oklch */ color: oklch(69.6% 0.120 170.1);
Tailwind
colors: {
custom: {
50: '#7fccb2',
500: '#39b592',
950: '#000000',
},
}SCSS
$custom: #39b592; $custom-light: #7fccb2; $custom-dark: #000000;
JSON
{
"hex": "#39b592",
"rgb": {
"r": 57,
"g": 181,
"b": 146
},
"hsl": {
"h": 163.065,
"s": 52.101,
"l": 46.667
},
"oklch": {
"l": 0.69628,
"c": 0.12011,
"h": 170.1
},
"luminance": 0.35993
}Semantic roles & 50–950 ramp
primary
#39B592
secondary
#C68497
accent
#4C75DC
background
#F8FCFA
surface
#EFF9F5
border
#CAD2CF
text
#0B1310
muted
#7C827F