#39715D#39715D
#39715D لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.135؛ OKLCH L 50.4% C 0.068 H 168.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39715D |
|---|---|
| RGB | rgb(57, 113, 93) |
| HSL | hsl(159, 33%, 33%) |
| HSV | hsv(159, 50%, 44%) |
| CMYK | cmyk(49.6%, 0%, 17.7%, 55.7%) |
| CIE-LAB | lab(43.46, -23.72, 5.45) |
| CIE-LCH | lch(43.46, 24.33, 167.06°) |
| OKLab | oklab(50.41% -0.0667 0.014) |
| OKLCH | oklch(50.41% 0.068 168.2) |
| XYZ | xyz(9.5674, 13.4697, 12.4495) |
| Luminance | 0.1347 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 6.15
Dark Aquamarine
#017371
ΔE00 8.69
Hunter Green
#355E3B
ΔE00 9.14
Bluegreen
#017A79
ΔE00 9.65
Deep Turquoise
#017374
ΔE00 9.78
Spruce
#0A5F38
ΔE00 9.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39715D #71394D
analogous
#397141 #39715D #396971
triadic
#39715D #5D3971 #715D39
tetradic
#39715D #413971 #71394D #697139
square
#39715D #413971 #71394D #697139
split-complementary
#39715D #713969 #714139
monochromatic
#10201A #24483C #39715D #4E9A7E #6EB69C
إمكانية الوصول والتباين
On white
5.68
#39715D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.69
#39715D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #39715D
5.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39715D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##39715D | 1.00 | 5.68 | 3.69 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.69 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6F6A5C
Deuteranopia (green-blind)
#66645E
Tritanopia (blue-blind)
#26716B
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #39715d; /* rgb */ color: rgb(57, 113, 93); /* oklch */ color: oklch(50.4% 0.068 168.2);
Tailwind
colors: {
custom: {
50: '#739a8a',
500: '#39715d',
950: '#000000',
},
}SCSS
$custom: #39715d; $custom-light: #739a8a; $custom-dark: #000000;
JSON
{
"hex": "#39715d",
"rgb": {
"r": 57,
"g": 113,
"b": 93
},
"hsl": {
"h": 158.571,
"s": 32.941,
"l": 33.333
},
"oklch": {
"l": 0.50409,
"c": 0.06812,
"h": 168.2
},
"luminance": 0.1347
}Semantic roles & 50–950 ramp
primary
#39715D
secondary
#A0667B
accent
#5F85C9
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#080E0B
muted
#7B7E7C