#2B7BCE#2B7BCE
#2B7BCE لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.191؛ OKLCH L 57.7% C 0.149 H 252.7°. أفضل لون لنص المتن هو #000000 بتباين 4.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2B7BCE |
|---|---|
| RGB | rgb(43, 123, 206) |
| HSL | hsl(211, 65%, 49%) |
| HSV | hsv(211, 79%, 81%) |
| CMYK | cmyk(79.1%, 40.3%, 0%, 19.2%) |
| CIE-LAB | lab(50.84, 5.34, -49.68) |
| CIE-LCH | lch(50.84, 49.97, 276.13°) |
| OKLab | oklab(57.71% -0.0442 -0.142) |
| OKLCH | oklch(57.71% 0.149 252.7) |
| XYZ | xyz(19.2156, 19.1334, 61.0609) |
| Luminance | 0.1914 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Windows Blue
#3778BF
ΔE00 1.86
Bluish
#2976BB
ΔE00 2.91
Steel Blue
#4682B4
ΔE00 4.05
Cool Blue
#4984B8
ΔE00 4.18
Medium Blue
#2C6FBB
ΔE00 4.82
Flat Blue
#3C73A8
ΔE00 4.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2B7BCE #CE7E2B
analogous
#2BCDCE #2B7BCE #2C2BCE
triadic
#2B7BCE #CE2B7B #7BCE2B
tetradic
#2B7BCE #CE2BCD #CE7E2B #2BCE2C
square
#2B7BCE #CE2BCD #CE7E2B #2BCE2C
split-complementary
#2B7BCE #CE2C2B #CDCE2B
monochromatic
#163F69 #205D9B #2B7BCE #5A9ADC #8CB9E7
إمكانية الوصول والتباين
On white
4.35
#2B7BCE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.83
#2B7BCE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #2B7BCE
4.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2B7BCE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2B7BCE | 1.00 | 4.35 | 4.83 | 4.83 |
| #FFFFFF | 4.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5381D1
Deuteranopia (green-blind)
#3772CC
Tritanopia (blue-blind)
#008F9A
Achromatopsia (no color)
#797979
وسوم التصميم والكود
CSS
--color: #2b7bce; /* rgb */ color: rgb(43, 123, 206); /* oklch */ color: oklch(57.7% 0.149 252.7);
Tailwind
colors: {
custom: {
50: '#7da0dd',
500: '#2b7bce',
950: '#000000',
},
}SCSS
$custom: #2b7bce; $custom-light: #7da0dd; $custom-dark: #000000;
JSON
{
"hex": "#2b7bce",
"rgb": {
"r": 43,
"g": 123,
"b": 206
},
"hsl": {
"h": 210.552,
"s": 65.462,
"l": 48.824
},
"oklch": {
"l": 0.57707,
"c": 0.14876,
"h": 252.7
},
"luminance": 0.19136
}Semantic roles & 50–950 ramp
primary
#2B7BCE
secondary
#D1AB84
accent
#953FE8
background
#F8F9FD
surface
#EFF2FB
border
#CACCD4
text
#0B0E15
muted
#7C7E83