#3C755C#3C755C
#3C755C لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.145؛ OKLCH L 51.6% C 0.073 H 163.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3C755C |
|---|---|
| RGB | rgb(60, 117, 92) |
| HSL | hsl(154, 32%, 35%) |
| HSV | hsv(154, 49%, 46%) |
| CMYK | cmyk(48.7%, 0%, 21.4%, 54.1%) |
| CIE-LAB | lab(44.88, -25.15, 8.08) |
| CIE-LCH | lch(44.88, 26.41, 162.19°) |
| OKLab | oklab(51.59% -0.0699 0.0207) |
| OKLCH | oklch(51.59% 0.073 163.5) |
| XYZ | xyz(10.1557, 14.4552, 12.3781) |
| Luminance | 0.1446 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Sea Green
#11875D
ΔE00 8.18
Dark Green Blue
#1F6357
ΔE00 8.18
Hunter Green
#355E3B
ΔE00 9.27
Dark Sage
#598556
ΔE00 9.71
Spruce
#0A5F38
ΔE00 10.02
Sea Green
#2E8B57
ΔE00 10.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3C755C #753C55
analogous
#3C7540 #3C755C #3C7275
triadic
#3C755C #5C3C75 #755C3C
tetradic
#3C755C #403C75 #753C55 #72753C
square
#3C755C #403C75 #753C55 #72753C
split-complementary
#3C755C #753C72 #75403C
monochromatic
#13241C #274D3C #3C755C #519D7C #74B89A
إمكانية الوصول والتباين
On white
5.40
#3C755C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.89
#3C755C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #3C755C
5.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3C755C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3C755C | 1.00 | 5.40 | 3.89 | 5.40 |
| #FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#736E5B
Deuteranopia (green-blind)
#6A685E
Tritanopia (blue-blind)
#2B756E
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #3c755c; /* rgb */ color: rgb(60, 117, 92); /* oklch */ color: oklch(51.6% 0.073 163.5);
Tailwind
colors: {
custom: {
50: '#759d8a',
500: '#3c755c',
950: '#000000',
},
}SCSS
$custom: #3c755c; $custom-light: #759d8a; $custom-dark: #000000;
JSON
{
"hex": "#3c755c",
"rgb": {
"r": 60,
"g": 117,
"b": 92
},
"hsl": {
"h": 153.684,
"s": 32.203,
"l": 34.706
},
"oklch": {
"l": 0.51585,
"c": 0.07293,
"h": 163.5
},
"luminance": 0.14456
}Semantic roles & 50–950 ramp
primary
#3C755C
secondary
#A26B83
accent
#5F8DC8
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#090E0B
muted
#7B7E7C