#709CB0#709CB0
#709CB0 لون فاتح وخافت من عائلة سماوي. الإضاءة النسبية 0.304؛ OKLCH L 66.8% C 0.056 H 227.9°. أفضل لون لنص المتن هو #000000 بتباين 7.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #709CB0 |
|---|---|
| RGB | rgb(112, 156, 176) |
| HSL | hsl(199, 29%, 56%) |
| HSV | hsv(199, 36%, 69%) |
| CMYK | cmyk(36.4%, 11.4%, 0%, 31%) |
| CIE-LAB | lab(61.96, -9.78, -15.15) |
| CIE-LCH | lch(61.96, 18.03, 237.15°) |
| OKLab | oklab(66.82% -0.0376 -0.0416) |
| OKLCH | oklch(66.82% 0.056 227.9) |
| XYZ | xyz(26.4044, 30.3548, 45.5336) |
| Luminance | 0.3036 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Greyblue
#77A1B5
ΔE00 1.75
Bluegrey
#85A3B2
ΔE00 4.23
Bluey Grey
#89A0B0
ΔE00 5.69
Bluish Grey
#748B97
ΔE00 6.99
Blue Grey
#758DA3
ΔE00 7.25
Lightslategray
#778899
ΔE00 9.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#709CB0 #B08470
analogous
#70B0A4 #709CB0 #707CB0
triadic
#709CB0 #B0709C #9CB070
tetradic
#709CB0 #A470B0 #B08470 #7CB070
square
#709CB0 #A470B0 #B08470 #7CB070
split-complementary
#709CB0 #B0707C #B0A470
monochromatic
#3B5C6B #517E92 #709CB0 #97B7C6 #BFD3DC
إمكانية الوصول والتباين
On white
2.97
#709CB0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.07
#709CB0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #709CB0
7.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##709CB0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##709CB0 | 1.00 | 2.97 | 7.07 | 7.07 |
| #FFFFFF | 2.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#929AB1
Deuteranopia (green-blind)
#8892B0
Tritanopia (blue-blind)
#59A2A2
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #709cb0; /* rgb */ color: rgb(112, 156, 176); /* oklch */ color: oklch(66.8% 0.056 227.9);
Tailwind
colors: {
custom: {
50: '#9bb9c7',
500: '#709cb0',
950: '#000000',
},
}SCSS
$custom: #709cb0; $custom-light: #9bb9c7; $custom-dark: #000000;
JSON
{
"hex": "#709cb0",
"rgb": {
"r": 112,
"g": 156,
"b": 176
},
"hsl": {
"h": 198.75,
"s": 28.829,
"l": 56.471
},
"oklch": {
"l": 0.66816,
"c": 0.05609,
"h": 227.9
},
"luminance": 0.30356
}Semantic roles & 50–950 ramp
primary
#709CB0
secondary
#CBB9B1
accent
#8163C5
background
#F9FBFC
surface
#F2F6F8
border
#CCD0D1
text
#0E1113
muted
#7E8082