#60949A#60949A
#60949A لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.260؛ OKLCH L 63.2% C 0.056 H 205.1°. أفضل لون لنص المتن هو #000000 بتباين 6.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #60949A |
|---|---|
| RGB | rgb(96, 148, 154) |
| HSL | hsl(186, 23%, 49%) |
| HSV | hsv(186, 38%, 60%) |
| CMYK | cmyk(37.7%, 3.9%, 0%, 39.6%) |
| CIE-LAB | lab(58.04, -15.68, -8.65) |
| CIE-LCH | lch(58.04, 17.91, 208.90°) |
| OKLab | oklab(63.22% -0.0508 -0.0237) |
| OKLCH | oklch(63.22% 0.056 205.1) |
| XYZ | xyz(21.2444, 25.9983, 34.4643) |
| Luminance | 0.2600 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Cadetblue
#5F9EA0
ΔE00 4.08
Sea
#3C9992
ΔE00 8.52
Dusty Teal
#4C9085
ΔE00 8.71
Greyblue
#77A1B5
ΔE00 8.96
Bluish Grey
#748B97
ΔE00 9.20
Teal Blue
#01889F
ΔE00 9.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#60949A #9A6660
analogous
#609A83 #60949A #60779A
triadic
#60949A #9A6094 #949A60
tetradic
#60949A #83609A #9A6660 #779A60
square
#60949A #83609A #9A6660 #779A60
split-complementary
#60949A #9A6077 #9A8360
monochromatic
#314C4F #487074 #60949A #85AEB3 #AAC7CA
إمكانية الوصول والتباين
On white
3.39
#60949A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.20
#60949A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #60949A
6.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##60949A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##60949A | 1.00 | 3.39 | 6.20 | 6.20 |
| #FFFFFF | 3.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8C909A
Deuteranopia (green-blind)
#82889A
Tritanopia (blue-blind)
#499896
Achromatopsia (no color)
#8B8B8B
وسوم التصميم والكود
CSS
--color: #60949a; /* rgb */ color: rgb(96, 148, 154); /* oklch */ color: oklch(63.2% 0.056 205.1);
Tailwind
colors: {
custom: {
50: '#90b3b7',
500: '#60949a',
950: '#000000',
},
}SCSS
$custom: #60949a; $custom-light: #90b3b7; $custom-dark: #000000;
JSON
{
"hex": "#60949a",
"rgb": {
"r": 96,
"g": 148,
"b": 154
},
"hsl": {
"h": 186.207,
"s": 23.2,
"l": 49.02
},
"oklch": {
"l": 0.63225,
"c": 0.05602,
"h": 205.1
},
"luminance": 0.26
}Semantic roles & 50–950 ramp
primary
#60949A
secondary
#B9A09D
accent
#7168C0
background
#F9FBFB
surface
#F1F6F6
border
#CBD0D0
text
#0D1111
muted
#7E8080