#488268#488268
#488268 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.183؛ OKLCH L 55.9% C 0.074 H 163.4°. أفضل لون لنص المتن هو #000000 بتباين 4.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #488268 |
|---|---|
| RGB | rgb(72, 130, 104) |
| HSL | hsl(153, 29%, 40%) |
| HSV | hsv(153, 45%, 51%) |
| CMYK | cmyk(44.6%, 0%, 20%, 49%) |
| CIE-LAB | lab(49.91, -25.46, 8.22) |
| CIE-LCH | lch(49.91, 26.76, 162.10°) |
| OKLab | oklab(55.91% -0.0709 0.0211) |
| OKLCH | oklch(55.91% 0.074 163.4) |
| XYZ | xyz(13.1528, 18.3415, 15.9412) |
| Luminance | 0.1834 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Sea Green
#11875D
ΔE00 6.46
Slate Green
#658D6D
ΔE00 6.55
Dark Sage
#598556
ΔE00 7.39
Viridian
#1E9167
ΔE00 7.42
Sea Green
#2E8B57
ΔE00 7.69
Dusty Teal
#4C9085
ΔE00 8.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#488268 #824862
analogous
#48824B #488268 #487F82
triadic
#488268 #684882 #826848
tetradic
#488268 #4B4882 #824862 #7F8248
square
#488268 #4B4882 #824862 #7F8248
split-complementary
#488268 #82487F #824B48
monochromatic
#1C3329 #325B48 #488268 #60A787 #88BDA5
إمكانية الوصول والتباين
On white
4.50
#488268 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.67
#488268 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #488268
4.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##488268 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##488268 | 1.00 | 4.50 | 4.67 | 4.67 |
| #FFFFFF | 4.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#807B67
Deuteranopia (green-blind)
#77746A
Tritanopia (blue-blind)
#38827B
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #488268; /* rgb */ color: rgb(72, 130, 104); /* oklch */ color: oklch(55.9% 0.074 163.4);
Tailwind
colors: {
custom: {
50: '#7ea693',
500: '#488268',
950: '#000000',
},
}SCSS
$custom: #488268; $custom-light: #7ea693; $custom-dark: #000000;
JSON
{
"hex": "#488268",
"rgb": {
"r": 72,
"g": 130,
"b": 104
},
"hsl": {
"h": 153.103,
"s": 28.713,
"l": 39.608
},
"oklch": {
"l": 0.55906,
"c": 0.07402,
"h": 163.4
},
"luminance": 0.18342
}Semantic roles & 50–950 ramp
primary
#488268
secondary
#A97D91
accent
#638FC5
background
#F7FAF9
surface
#EEF4F1
border
#C9CECB
text
#0A0F0D
muted
#7C7F7E