#2D43CC#2D43CC
#2D43CC لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.089؛ OKLCH L 46.3% C 0.211 H 268.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D43CC |
|---|---|
| RGB | rgb(45, 67, 204) |
| HSL | hsl(232, 64%, 49%) |
| HSV | hsv(232, 78%, 80%) |
| CMYK | cmyk(77.9%, 67.2%, 0%, 20%) |
| CIE-LAB | lab(35.85, 40.47, -72.82) |
| CIE-LCH | lch(35.85, 83.32, 299.06°) |
| OKLab | oklab(46.32% -0.0043 -0.2108) |
| OKLCH | oklch(46.32% 0.211 268.8) |
| XYZ | xyz(13.9847, 8.9302, 58.1017) |
| Luminance | 0.0893 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Blue Blue
#2242C7
ΔE00 1.21
Blue (survey)
#0343DF
ΔE00 2.38
Ocean Blue
#4F42B5
ΔE00 4.81
Blue With A Hint Of Purple
#533CC6
ΔE00 4.94
Vibrant Blue
#0339F8
ΔE00 5.28
Sapphire (survey)
#2138AB
ΔE00 5.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D43CC #CCB62D
analogous
#2D93CC #2D43CC #672DCC
triadic
#2D43CC #CC2D43 #43CC2D
tetradic
#2D43CC #CC2D93 #CCB62D #2DCC67
square
#2D43CC #CC2D93 #CCB62D #2DCC67
split-complementary
#2D43CC #CC672D #93CC2D
monochromatic
#172268 #22339A #2D43CC #5B6DDB #8D9AE6
إمكانية الوصول والتباين
On white
7.54
#2D43CC on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.79
#2D43CC on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2D43CC
7.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D43CC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D43CC | 1.00 | 7.54 | 2.79 | 7.54 |
| #FFFFFF | 7.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005CD0
Deuteranopia (green-blind)
#004DC9
Tritanopia (blue-blind)
#006882
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #2d43cc; /* rgb */ color: rgb(45, 67, 204); /* oklch */ color: oklch(46.3% 0.211 268.8);
Tailwind
colors: {
custom: {
50: '#8077dd',
500: '#2d43cc',
950: '#000000',
},
}SCSS
$custom: #2d43cc; $custom-light: #8077dd; $custom-dark: #000000;
JSON
{
"hex": "#2d43cc",
"rgb": {
"r": 45,
"g": 67,
"b": 204
},
"hsl": {
"h": 231.698,
"s": 63.855,
"l": 48.824
},
"oklch": {
"l": 0.4632,
"c": 0.21089,
"h": 268.8
},
"luminance": 0.08932
}Semantic roles & 50–950 ramp
primary
#2D43CC
secondary
#D0C685
accent
#D041E7
background
#F8F7FD
surface
#F0EDFB
border
#CBC8D4
text
#0C0815
muted
#7D7B83