#2264BF#2264BF
#2264BF لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.132؛ OKLCH L 51.3% C 0.157 H 257.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2264BF |
|---|---|
| RGB | rgb(34, 100, 191) |
| HSL | hsl(215, 70%, 44%) |
| HSV | hsv(215, 82%, 75%) |
| CMYK | cmyk(82.2%, 47.6%, 0%, 25.1%) |
| CIE-LAB | lab(43.08, 13.21, -53.51) |
| CIE-LCH | lch(43.08, 55.12, 283.87°) |
| OKLab | oklab(51.33% -0.0335 -0.1538) |
| OKLCH | oklch(51.33% 0.157 257.7) |
| XYZ | xyz(14.6174, 13.2142, 51.0603) |
| Luminance | 0.1322 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Denim
#1560BD
ΔE00 1.44
Mid Blue
#276AB3
ΔE00 2.85
French Blue
#436BAD
ΔE00 3.68
Medium Blue
#2C6FBB
ΔE00 4.02
Denim (survey)
#3B638C
ΔE00 5.57
Flat Blue
#3C73A8
ΔE00 5.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2264BF #BF7D22
analogous
#22B3BF #2264BF #2E22BF
triadic
#2264BF #BF2264 #64BF22
tetradic
#2264BF #BF22B3 #BF7D22 #22BF2E
square
#2264BF #BF22B3 #BF7D22 #22BF2E
split-complementary
#2264BF #BF2E22 #B3BF22
monochromatic
#102E57 #19498B #2264BF #4183DD #75A5E6
إمكانية الوصول والتباين
On white
5.76
#2264BF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.64
#2264BF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #2264BF
5.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2264BF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2264BF | 1.00 | 5.76 | 3.64 | 5.76 |
| #FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.64 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.76 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#306DC2
Deuteranopia (green-blind)
#005FBD
Tritanopia (blue-blind)
#007A88
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #2264bf; /* rgb */ color: rgb(34, 100, 191); /* oklch */ color: oklch(51.3% 0.157 257.7);
Tailwind
colors: {
custom: {
50: '#788fd3',
500: '#2264bf',
950: '#000000',
},
}SCSS
$custom: #2264bf; $custom-light: #788fd3; $custom-dark: #000000;
JSON
{
"hex": "#2264bf",
"rgb": {
"r": 34,
"g": 100,
"b": 191
},
"hsl": {
"h": 214.777,
"s": 69.778,
"l": 44.118
},
"oklch": {
"l": 0.51331,
"c": 0.15745,
"h": 257.7
},
"luminance": 0.13216
}Semantic roles & 50–950 ramp
primary
#2264BF
secondary
#CEA66F
accent
#A23BED
background
#F8F8FD
surface
#EFF0FA
border
#CACBD3
text
#0A0C14
muted
#7C7D83