#647FA6#647FA6
#647FA6 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.206؛ OKLCH L 59.1% C 0.068 H 257.5°. أفضل لون لنص المتن هو #000000 بتباين 5.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #647FA6 |
|---|---|
| RGB | rgb(100, 127, 166) |
| HSL | hsl(215, 27%, 52%) |
| HSV | hsv(215, 40%, 65%) |
| CMYK | cmyk(39.8%, 23.5%, 0%, 34.9%) |
| CIE-LAB | lab(52.55, 0.54, -23.86) |
| CIE-LCH | lch(52.55, 23.86, 271.30°) |
| OKLab | oklab(59.09% -0.0146 -0.0662) |
| OKLCH | oklch(59.09% 0.068 257.5) |
| XYZ | xyz(19.7257, 20.6402, 39.0136) |
| Luminance | 0.2064 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Slate Blue (survey)
#5B7C99
ΔE00 4.62
Off Blue
#5684AE
ΔE00 4.68
Dusty Blue
#5A86AD
ΔE00 4.82
Steel Blue (survey)
#5A7D9A
ΔE00 4.95
Greyish Blue
#5E819D
ΔE00 5.09
Faded Blue
#658CBB
ΔE00 5.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#647FA6 #A68B64
analogous
#64A0A6 #647FA6 #6A64A6
triadic
#647FA6 #A6647F #7FA664
tetradic
#647FA6 #A664A0 #A68B64 #64A66A
square
#647FA6 #A664A0 #A68B64 #64A66A
split-complementary
#647FA6 #A66A64 #A0A664
monochromatic
#34445B #4B6182 #647FA6 #8B9FBC #B2BFD3
إمكانية الوصول والتباين
On white
4.10
#647FA6 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.13
#647FA6 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #647FA6
5.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##647FA6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##647FA6 | 1.00 | 4.10 | 5.13 | 5.13 |
| #FFFFFF | 4.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7181A8
Deuteranopia (green-blind)
#697BA5
Tritanopia (blue-blind)
#4E878C
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #647fa6; /* rgb */ color: rgb(100, 127, 166); /* oklch */ color: oklch(59.1% 0.068 257.5);
Tailwind
colors: {
custom: {
50: '#92a4c0',
500: '#647fa6',
950: '#000000',
},
}SCSS
$custom: #647fa6; $custom-light: #92a4c0; $custom-dark: #000000;
JSON
{
"hex": "#647fa6",
"rgb": {
"r": 100,
"g": 127,
"b": 166
},
"hsl": {
"h": 215.455,
"s": 27.049,
"l": 52.157
},
"oklch": {
"l": 0.5909,
"c": 0.06781,
"h": 257.5
},
"luminance": 0.20641
}Semantic roles & 50–950 ramp
primary
#647FA6
secondary
#C1B6A4
accent
#9D64C3
background
#F9FAFB
surface
#F1F3F7
border
#CBCDD0
text
#0D0F12
muted
#7E7F81