#707DCB#707DCB
#707DCB لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.224؛ OKLCH L 61.3% C 0.119 H 275.2°. أفضل لون لنص المتن هو #000000 بتباين 5.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #707DCB |
|---|---|
| RGB | rgb(112, 125, 203) |
| HSL | hsl(231, 47%, 62%) |
| HSV | hsv(231, 45%, 80%) |
| CMYK | cmyk(44.8%, 38.4%, 0%, 20.4%) |
| CIE-LAB | lab(54.47, 15.71, -42.02) |
| CIE-LCH | lch(54.47, 44.86, 290.50°) |
| OKLab | oklab(61.33% 0.0107 -0.1184) |
| OKLCH | oklch(61.33% 0.119 275.2) |
| XYZ | xyz(24.7919, 22.4225, 59.5100) |
| Luminance | 0.2242 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Cornflower
#6A79F7
ΔE00 6.16
Soft Blue
#6488EA
ΔE00 6.51
Cornflower Blue
#5170D7
ΔE00 6.55
Faded Blue
#658CBB
ΔE00 7.38
Perrywinkle
#8F8CE7
ΔE00 7.50
Lavender Blue
#8B88F8
ΔE00 7.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#707DCB #CBBE70
analogous
#70ABCB #707DCB #9170CB
triadic
#707DCB #CB707D #7DCB70
tetradic
#707DCB #CB70AB #CBBE70 #70CB91
square
#707DCB #CB70AB #CBBE70 #70CB91
split-complementary
#707DCB #CB9170 #ABCB70
monochromatic
#33408D #4455BA #707DCB #9DA6DB #CACFEC
إمكانية الوصول والتباين
On white
3.83
#707DCB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.48
#707DCB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #707DCB
5.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##707DCB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##707DCB | 1.00 | 3.83 | 5.48 | 5.48 |
| #FFFFFF | 3.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6086CE
Deuteranopia (green-blind)
#597FC9
Tritanopia (blue-blind)
#508D9A
Achromatopsia (no color)
#828282
وسوم التصميم والكود
CSS
--color: #707dcb; /* rgb */ color: rgb(112, 125, 203); /* oklch */ color: oklch(61.3% 0.119 275.2);
Tailwind
colors: {
custom: {
50: '#9da2db',
500: '#707dcb',
950: '#000000',
},
}SCSS
$custom: #707dcb; $custom-light: #9da2db; $custom-dark: #000000;
JSON
{
"hex": "#707dcb",
"rgb": {
"r": 112,
"g": 125,
"b": 203
},
"hsl": {
"h": 231.429,
"s": 46.667,
"l": 61.765
},
"oklch": {
"l": 0.61334,
"c": 0.11892,
"h": 275.2
},
"luminance": 0.22424
}Semantic roles & 50–950 ramp
primary
#707DCB
secondary
#DCD7BB
accent
#A62CBA
background
#F9F9FD
surface
#F2F2FB
border
#CCCCD4
text
#0F0F15
muted
#7E7E83