#262BC7#262BC7
#262BC7 لون داكن وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.063؛ OKLCH L 41.9% C 0.230 H 269.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #262BC7 |
|---|---|
| RGB | rgb(38, 43, 199) |
| HSL | hsl(238, 68%, 46%) |
| HSV | hsv(238, 81%, 78%) |
| CMYK | cmyk(80.9%, 78.4%, 0%, 22%) |
| CIE-LAB | lab(30.06, 52.06, -79.47) |
| CIE-LCH | lch(30.06, 95.01, 303.23°) |
| OKLab | oklab(41.94% -0.0013 -0.2302) |
| OKLCH | oklch(41.94% 0.23 269.7) |
| XYZ | xyz(11.9685, 6.2619, 54.5996) |
| Luminance | 0.0626 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
True Blue
#010FCC
ΔE00 4.33
Ultramarine Blue
#1805DB
ΔE00 4.66
Indigo Blue
#3A18B1
ΔE00 4.83
Pure Blue
#0203E2
ΔE00 4.91
Sapphire (survey)
#2138AB
ΔE00 5.22
Mediumblue
#0000CD
ΔE00 5.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#262BC7 #C7C226
analogous
#267CC7 #262BC7 #7226C7
triadic
#262BC7 #C7262B #2BC726
tetradic
#262BC7 #C7267C #C7C226 #26C772
square
#262BC7 #C7267C #C7C226 #26C772
split-complementary
#262BC7 #C77226 #7CC726
monochromatic
#121560 #1C2094 #262BC7 #4D52DD #8184E7
إمكانية الوصول والتباين
On white
9.32
#262BC7 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#262BC7 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #262BC7
9.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##262BC7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##262BC7 | 1.00 | 9.32 | 2.25 | 9.32 |
| #FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004FCB
Deuteranopia (green-blind)
#003EC4
Tritanopia (blue-blind)
#005B79
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #262bc7; /* rgb */ color: rgb(38, 43, 199); /* oklch */ color: oklch(41.9% 0.230 269.7);
Tailwind
colors: {
custom: {
50: '#7f67da',
500: '#262bc7',
950: '#000000',
},
}SCSS
$custom: #262bc7; $custom-light: #7f67da; $custom-dark: #000000;
JSON
{
"hex": "#262bc7",
"rgb": {
"r": 38,
"g": 43,
"b": 199
},
"hsl": {
"h": 238.137,
"s": 67.932,
"l": 46.471
},
"oklch": {
"l": 0.41941,
"c": 0.23019,
"h": 269.7
},
"luminance": 0.06263
}Semantic roles & 50–950 ramp
primary
#262BC7
secondary
#CFCD79
accent
#E53DEB
background
#F8F6FD
surface
#F0EBFB
border
#CBC6D4
text
#0C0615
muted
#7D7A83