#7A9999#7A9999
#7A9999 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.292؛ OKLCH L 66.0% C 0.035 H 196.4°. أفضل لون لنص المتن هو #000000 بتباين 6.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7A9999 |
|---|---|
| RGB | rgb(122, 153, 153) |
| HSL | hsl(180, 13%, 54%) |
| HSV | hsv(180, 20%, 60%) |
| CMYK | cmyk(20.3%, 0%, 0%, 40%) |
| CIE-LAB | lab(60.97, -10.72, -3.56) |
| CIE-LCH | lch(60.97, 11.30, 198.37°) |
| OKLab | oklab(65.95% -0.0331 -0.0097) |
| OKLCH | oklch(65.95% 0.035 196.4) |
| XYZ | xyz(25.1654, 29.2190, 34.4447) |
| Luminance | 0.2922 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Cadetblue
#5F9EA0
ΔE00 6.59
Greyish Teal
#719F91
ΔE00 7.51
Cool Grey
#95A3A6
ΔE00 7.68
Bluegrey
#85A3B2
ΔE00 8.18
Pewter
#899397
ΔE00 8.29
Bluish Grey
#748B97
ΔE00 8.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7A9999 #997A7A
analogous
#7A998A #7A9999 #7A8A99
triadic
#7A9999 #997A99 #99997A
tetradic
#7A9999 #8A7A99 #997A7A #8A997A
square
#7A9999 #8A7A99 #997A7A #8A997A
split-complementary
#7A9999 #997A8A #998A7A
monochromatic
#425656 #5D7979 #7A9999 #9DB4B4 #BFCECE
إمكانية الوصول والتباين
On white
3.07
#7A9999 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.84
#7A9999 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7A9999
6.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7A9999 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7A9999 | 1.00 | 3.07 | 6.84 | 6.84 |
| #FFFFFF | 3.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#959699
Deuteranopia (green-blind)
#8F9199
Tritanopia (blue-blind)
#709B99
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #7a9999; /* rgb */ color: rgb(122, 153, 153); /* oklch */ color: oklch(66.0% 0.035 196.4);
Tailwind
colors: {
custom: {
50: '#a1b7b7',
500: '#7a9999',
950: '#000000',
},
}SCSS
$custom: #7a9999; $custom-light: #a1b7b7; $custom-dark: #000000;
JSON
{
"hex": "#7a9999",
"rgb": {
"r": 122,
"g": 153,
"b": 153
},
"hsl": {
"h": 180,
"s": 13.191,
"l": 53.922
},
"oklch": {
"l": 0.65953,
"c": 0.03453,
"h": 196.4
},
"luminance": 0.2922
}Semantic roles & 50–950 ramp
primary
#7A9999
secondary
#BEB1B1
accent
#7272B6
background
#F9FBFB
surface
#F2F6F6
border
#CCD0D0
text
#0F1111
muted
#7E8080