#469FE2#469FE2
#469FE2 لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.316؛ OKLCH L 67.8% C 0.131 H 244.3°. أفضل لون لنص المتن هو #000000 بتباين 7.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #469FE2 |
|---|---|
| RGB | rgb(70, 159, 226) |
| HSL | hsl(206, 73%, 58%) |
| HSV | hsv(206, 69%, 89%) |
| CMYK | cmyk(69%, 29.6%, 0%, 11.4%) |
| CIE-LAB | lab(63.00, -5.28, -41.61) |
| CIE-LCH | lch(63.00, 41.95, 262.77°) |
| OKLab | oklab(67.8% -0.0565 -0.1176) |
| OKLCH | oklch(67.8% 0.131 244.3) |
| XYZ | xyz(28.6462, 31.5862, 76.5238) |
| Luminance | 0.3159 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Azure (survey)
#069AF3
ΔE00 2.72
Dodgerblue
#1E90FF
ΔE00 6.04
Dark Sky Blue
#448EE4
ΔE00 6.34
Cornflowerblue
#6495ED
ΔE00 7.74
Water Blue
#0E87CC
ΔE00 8.30
Sky Blue (survey)
#75BBFD
ΔE00 8.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#469FE2 #E28946
analogous
#46E2D7 #469FE2 #4651E2
triadic
#469FE2 #E2469F #9FE246
tetradic
#469FE2 #D746E2 #E28946 #51E246
square
#469FE2 #D746E2 #E28946 #51E246
split-complementary
#469FE2 #E24651 #E2D746
monochromatic
#186096 #2081CB #469FE2 #7BBAEA #B0D6F3
إمكانية الوصول والتباين
On white
2.87
#469FE2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.32
#469FE2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #469FE2
7.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##469FE2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##469FE2 | 1.00 | 2.87 | 7.32 | 7.32 |
| #FFFFFF | 2.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.32 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.32 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#81A1E5
Deuteranopia (green-blind)
#6B92E1
Tritanopia (blue-blind)
#00AFB7
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #469fe2; /* rgb */ color: rgb(70, 159, 226); /* oklch */ color: oklch(67.8% 0.131 244.3);
Tailwind
colors: {
custom: {
50: '#8bbbeb',
500: '#469fe2',
950: '#000000',
},
}SCSS
$custom: #469fe2; $custom-light: #8bbbeb; $custom-dark: #000000;
JSON
{
"hex": "#469fe2",
"rgb": {
"r": 70,
"g": 159,
"b": 226
},
"hsl": {
"h": 205.769,
"s": 72.897,
"l": 58.039
},
"oklch": {
"l": 0.67802,
"c": 0.13052,
"h": 244.3
},
"luminance": 0.31589
}Semantic roles & 50–950 ramp
primary
#469FE2
secondary
#E1BEA3
accent
#8738F0
background
#F9FBFE
surface
#F1F6FD
border
#CBD0D5
text
#0D1116
muted
#7E8084