#85A7EE#85A7EE
#85A7EE لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.388؛ OKLCH L 73.1% C 0.110 H 264.2°. أفضل لون لنص المتن هو #000000 بتباين 8.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #85A7EE |
|---|---|
| RGB | rgb(133, 167, 238) |
| HSL | hsl(221, 76%, 73%) |
| HSV | hsv(221, 44%, 93%) |
| CMYK | cmyk(44.1%, 29.8%, 0%, 6.7%) |
| CIE-LAB | lab(68.60, 6.62, -39.23) |
| CIE-LCH | lch(68.60, 39.78, 279.58°) |
| OKLab | oklab(73.14% -0.0111 -0.1098) |
| OKLCH | oklch(73.14% 0.11 264.2) |
| XYZ | xyz(38.9193, 38.7948, 86.3097) |
| Luminance | 0.3880 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Carolina Blue
#8AB8FE
ΔE00 5.02
Periwinkle Blue
#8F99FB
ΔE00 6.00
Cornflowerblue
#6495ED
ΔE00 6.19
Pastel Blue
#A2BFFE
ΔE00 6.70
Sky Blue (survey)
#75BBFD
ΔE00 8.45
Soft Blue
#6488EA
ΔE00 9.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#85A7EE #EECC85
analogous
#85DCEE #85A7EE #9785EE
triadic
#85A7EE #EE85A7 #A7EE85
tetradic
#85A7EE #EE85DC #EECC85 #85EE97
square
#85A7EE #EE85DC #EECC85 #85EE97
split-complementary
#85A7EE #EE9785 #DCEE85
monochromatic
#1E5BDA #4F80E7 #85A7EE #BBCEF5 #E4ECFB
إمكانية الوصول والتباين
On white
2.40
#85A7EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.76
#85A7EE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #85A7EE
8.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##85A7EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##85A7EE | 1.00 | 2.40 | 8.76 | 8.76 |
| #FFFFFF | 2.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.76 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8DADF1
Deuteranopia (green-blind)
#82A3EC
Tritanopia (blue-blind)
#5EB6C0
Achromatopsia (no color)
#A7A7A7
وسوم التصميم والكود
CSS
--color: #85a7ee; /* rgb */ color: rgb(133, 167, 238); /* oklch */ color: oklch(73.1% 0.110 264.2);
Tailwind
colors: {
custom: {
50: '#adc0f4',
500: '#85a7ee',
950: '#000000',
},
}SCSS
$custom: #85a7ee; $custom-light: #adc0f4; $custom-dark: #000000;
JSON
{
"hex": "#85a7ee",
"rgb": {
"r": 133,
"g": 167,
"b": 238
},
"hsl": {
"h": 220.571,
"s": 75.54,
"l": 72.745
},
"oklch": {
"l": 0.73142,
"c": 0.11039,
"h": 264.2
},
"luminance": 0.38797
}Semantic roles & 50–950 ramp
primary
#85A7EE
secondary
#F3EAD8
accent
#960ED8
background
#FAFBFE
surface
#F5F7FD
border
#CFD0D5
text
#111217
muted
#808185