#39715E#39715E
#39715E لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.135؛ OKLCH L 50.4% C 0.067 H 169.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39715E |
|---|---|
| RGB | rgb(57, 113, 94) |
| HSL | hsl(160, 33%, 33%) |
| HSV | hsv(160, 50%, 44%) |
| CMYK | cmyk(49.6%, 0%, 16.8%, 55.7%) |
| CIE-LAB | lab(43.49, -23.47, 4.89) |
| CIE-LCH | lch(43.49, 23.97, 168.23°) |
| OKLab | oklab(50.44% -0.0662 0.0125) |
| OKLCH | oklch(50.44% 0.067 169.3) |
| XYZ | xyz(9.6120, 13.4875, 12.6843) |
| Luminance | 0.1349 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 5.99
Dark Aquamarine
#017371
ΔE00 8.33
Bluegreen
#017A79
ΔE00 9.30
Hunter Green
#355E3B
ΔE00 9.40
Deep Turquoise
#017374
ΔE00 9.40
Dark Aqua
#05696B
ΔE00 9.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39715E #71394C
analogous
#397142 #39715E #396871
triadic
#39715E #5E3971 #715E39
tetradic
#39715E #423971 #71394C #687139
square
#39715E #423971 #71394C #687139
split-complementary
#39715E #713968 #714239
monochromatic
#10201A #24483C #39715E #4E9A80 #6EB69E
إمكانية الوصول والتباين
On white
5.68
#39715E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.70
#39715E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #39715E
5.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39715E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##39715E | 1.00 | 5.68 | 3.70 | 5.68 |
| #FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.70 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.68 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E6B5D
Deuteranopia (green-blind)
#66645F
Tritanopia (blue-blind)
#25726B
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #39715e; /* rgb */ color: rgb(57, 113, 94); /* oklch */ color: oklch(50.4% 0.067 169.3);
Tailwind
colors: {
custom: {
50: '#739a8b',
500: '#39715e',
950: '#000000',
},
}SCSS
$custom: #39715e; $custom-light: #739a8b; $custom-dark: #000000;
JSON
{
"hex": "#39715e",
"rgb": {
"r": 57,
"g": 113,
"b": 94
},
"hsl": {
"h": 159.643,
"s": 32.941,
"l": 33.333
},
"oklch": {
"l": 0.50439,
"c": 0.06735,
"h": 169.3
},
"luminance": 0.13488
}Semantic roles & 50–950 ramp
primary
#39715E
secondary
#A0667A
accent
#5F83C9
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#080E0C
muted
#7B7E7D