#75A58F#75A58F
#75A58F لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.327؛ OKLCH L 68.1% C 0.061 H 164.6°. أفضل لون لنص المتن هو #000000 بتباين 7.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #75A58F |
|---|---|
| RGB | rgb(117, 165, 143) |
| HSL | hsl(153, 21%, 55%) |
| HSV | hsv(153, 29%, 65%) |
| CMYK | cmyk(29.1%, 0%, 13.3%, 35.3%) |
| CIE-LAB | lab(63.90, -20.86, 6.28) |
| CIE-LCH | lch(63.90, 21.78, 163.25°) |
| OKLab | oklab(68.12% -0.0588 0.0162) |
| OKLCH | oklch(68.12% 0.061 164.6) |
| XYZ | xyz(25.7476, 32.6742, 30.9314) |
| Luminance | 0.3267 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greyish Teal
#719F91
ΔE00 3.33
Dull Teal
#5F9E8F
ΔE00 4.77
Grey Teal
#5E9B8A
ΔE00 4.86
Greeny Grey
#7EA07A
ΔE00 6.51
Greyish Green
#82A67D
ΔE00 6.88
Grey Green
#86A17D
ΔE00 7.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#75A58F #A5758B
analogous
#75A577 #75A58F #75A3A5
triadic
#75A58F #8F75A5 #A58F75
tetradic
#75A58F #7775A5 #A5758B #A3A575
square
#75A58F #7775A5 #A5758B #A3A575
split-complementary
#75A58F #A575A3 #A57775
monochromatic
#3F6151 #578670 #75A58F #9ABDAD #BFD5CB
إمكانية الوصول والتباين
On white
2.79
#75A58F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.53
#75A58F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #75A58F
7.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##75A58F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##75A58F | 1.00 | 2.79 | 7.53 | 7.53 |
| #FFFFFF | 2.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.53 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A39E8E
Deuteranopia (green-blind)
#9B9890
Tritanopia (blue-blind)
#6AA59F
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #75a58f; /* rgb */ color: rgb(117, 165, 143); /* oklch */ color: oklch(68.1% 0.061 164.6);
Tailwind
colors: {
custom: {
50: '#9ec0af',
500: '#75a58f',
950: '#000000',
},
}SCSS
$custom: #75a58f; $custom-light: #9ec0af; $custom-dark: #000000;
JSON
{
"hex": "#75a58f",
"rgb": {
"r": 117,
"g": 165,
"b": 143
},
"hsl": {
"h": 152.5,
"s": 21.053,
"l": 55.294
},
"oklch": {
"l": 0.68117,
"c": 0.06102,
"h": 164.6
},
"luminance": 0.32675
}Semantic roles & 50–950 ramp
primary
#75A58F
secondary
#C5B1BA
accent
#6A90BE
background
#F9FBFA
surface
#F2F7F4
border
#CCD0CE
text
#0E1210
muted
#7E817F