#72A8EB#72A8EB
#72A8EB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.376؛ OKLCH L 72.1% C 0.114 H 254.4°. أفضل لون لنص المتن هو #000000 بتباين 8.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #72A8EB |
|---|---|
| RGB | rgb(114, 168, 235) |
| HSL | hsl(213, 75%, 68%) |
| HSV | hsv(213, 51%, 92%) |
| CMYK | cmyk(51.5%, 28.5%, 0%, 7.8%) |
| CIE-LAB | lab(67.71, 0.72, -39.06) |
| CIE-LCH | lch(67.71, 39.07, 271.06°) |
| OKLab | oklab(72.13% -0.0306 -0.1096) |
| OKLCH | oklch(72.13% 0.114 254.4) |
| XYZ | xyz(35.9323, 37.5781, 83.9410) |
| Luminance | 0.3758 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Carolina Blue
#8AB8FE
ΔE00 5.09
Cornflowerblue
#6495ED
ΔE00 5.62
Sky Blue (survey)
#75BBFD
ΔE00 5.68
Azure (survey)
#069AF3
ΔE00 7.94
Dodgerblue
#1E90FF
ΔE00 8.15
Dark Sky Blue
#448EE4
ΔE00 8.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#72A8EB #EBB572
analogous
#72E4EB #72A8EB #7872EB
triadic
#72A8EB #EB72A8 #A8EB72
tetradic
#72A8EB #EB72E4 #EBB572 #72EB78
square
#72A8EB #EB72E4 #EBB572 #72EB78
split-complementary
#72A8EB #EB7872 #E4EB72
monochromatic
#1C68C6 #3C87E3 #72A8EB #A8C9F3 #DDEAFA
إمكانية الوصول والتباين
On white
2.47
#72A8EB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.52
#72A8EB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #72A8EB
8.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##72A8EB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##72A8EB | 1.00 | 2.47 | 8.52 | 8.52 |
| #FFFFFF | 2.47 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8DABEE
Deuteranopia (green-blind)
#7EA0EA
Tritanopia (blue-blind)
#33B7BF
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #72a8eb; /* rgb */ color: rgb(114, 168, 235); /* oklch */ color: oklch(72.1% 0.114 254.4);
Tailwind
colors: {
custom: {
50: '#a1c1f1',
500: '#72a8eb',
950: '#000000',
},
}SCSS
$custom: #72a8eb; $custom-light: #a1c1f1; $custom-dark: #000000;
JSON
{
"hex": "#72a8eb",
"rgb": {
"r": 114,
"g": 168,
"b": 235
},
"hsl": {
"h": 213.223,
"s": 75.155,
"l": 68.431
},
"oklch": {
"l": 0.72127,
"c": 0.11382,
"h": 254.4
},
"luminance": 0.37581
}Semantic roles & 50–950 ramp
primary
#72A8EB
secondary
#EFDECA
accent
#7E0ED7
background
#FAFBFE
surface
#F4F7FD
border
#CED0D5
text
#0F1217
muted
#7F8185