#2D75CC#2D75CC
#2D75CC لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.176؛ OKLCH L 56.3% C 0.152 H 255.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D75CC |
|---|---|
| RGB | rgb(45, 117, 204) |
| HSL | hsl(213, 64%, 49%) |
| HSV | hsv(213, 78%, 80%) |
| CMYK | cmyk(77.9%, 42.6%, 0%, 20%) |
| CIE-LAB | lab(49.05, 8.52, -51.40) |
| CIE-LCH | lch(49.05, 52.10, 279.41°) |
| OKLab | oklab(56.29% -0.0386 -0.1472) |
| OKLCH | oklch(56.29% 0.152 255.3) |
| XYZ | xyz(18.3385, 17.6379, 59.5530) |
| Luminance | 0.1764 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Windows Blue
#3778BF
ΔE00 1.68
Bluish
#2976BB
ΔE00 2.75
Medium Blue
#2C6FBB
ΔE00 2.87
Flat Blue
#3C73A8
ΔE00 3.86
Cerulean Blue
#056EEE
ΔE00 4.32
Deep Sky Blue
#0D75F8
ΔE00 4.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D75CC #CC842D
analogous
#2DC5CC #2D75CC #352DCC
triadic
#2D75CC #CC2D75 #75CC2D
tetradic
#2D75CC #CC2DC5 #CC842D #2DCC35
square
#2D75CC #CC2DC5 #CC842D #2DCC35
split-complementary
#2D75CC #CC352D #C5CC2D
monochromatic
#173B68 #22589A #2D75CC #5B95DB #8DB6E6
إمكانية الوصول والتباين
On white
4.64
#2D75CC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.53
#2D75CC on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #2D75CC
4.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D75CC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D75CC | 1.00 | 4.64 | 4.53 | 4.64 |
| #FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#497CCF
Deuteranopia (green-blind)
#2C6ECA
Tritanopia (blue-blind)
#008A96
Achromatopsia (no color)
#757575
وسوم التصميم والكود
CSS
--color: #2d75cc; /* rgb */ color: rgb(45, 117, 204); /* oklch */ color: oklch(56.3% 0.152 255.3);
Tailwind
colors: {
custom: {
50: '#7d9cdc',
500: '#2d75cc',
950: '#000000',
},
}SCSS
$custom: #2d75cc; $custom-light: #7d9cdc; $custom-dark: #000000;
JSON
{
"hex": "#2d75cc",
"rgb": {
"r": 45,
"g": 117,
"b": 204
},
"hsl": {
"h": 212.83,
"s": 63.855,
"l": 48.824
},
"oklch": {
"l": 0.56293,
"c": 0.15214,
"h": 255.3
},
"luminance": 0.1764
}Semantic roles & 50–950 ramp
primary
#2D75CC
secondary
#D0AE85
accent
#9C41E7
background
#F8F9FD
surface
#EFF2FB
border
#CACCD4
text
#0B0E15
muted
#7C7E83