#69ACFB#69ACFB
#69ACFB لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.395؛ OKLCH L 73.3% C 0.134 H 253.6°. أفضل لون لنص المتن هو #000000 بتباين 8.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69ACFB |
|---|---|
| RGB | rgb(105, 172, 251) |
| HSL | hsl(212, 95%, 70%) |
| HSV | hsv(212, 58%, 98%) |
| CMYK | cmyk(58.2%, 31.5%, 0%, 1.6%) |
| CIE-LAB | lab(69.09, 1.52, -45.65) |
| CIE-LCH | lch(69.09, 45.67, 271.91°) |
| OKLab | oklab(73.33% -0.038 -0.1288) |
| OKLCH | oklch(73.33% 0.134 253.6) |
| XYZ | xyz(37.9846, 39.4700, 96.8648) |
| Luminance | 0.3947 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sky Blue (survey)
#75BBFD
ΔE00 4.27
Carolina Blue
#8AB8FE
ΔE00 4.97
Cornflowerblue
#6495ED
ΔE00 7.17
Azure (survey)
#069AF3
ΔE00 7.65
Dodgerblue
#1E90FF
ΔE00 8.50
Sky
#82CAFC
ΔE00 8.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69ACFB #FBB869
analogous
#69F5FB #69ACFB #6F69FB
triadic
#69ACFB #FB69AC #ACFB69
tetradic
#69ACFB #FB69F5 #FBB869 #69FB6F
square
#69ACFB #FB69F5 #FBB869 #69FB6F
split-complementary
#69ACFB #FB6F69 #F5FB69
monochromatic
#066CE4 #2D8BF9 #69ACFB #A5CDFD #E0EEFE
إمكانية الوصول والتباين
On white
2.36
#69ACFB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.89
#69ACFB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #69ACFB
8.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69ACFB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69ACFB | 1.00 | 2.36 | 8.89 | 8.89 |
| #FFFFFF | 2.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.89 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.89 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8BB0FE
Deuteranopia (green-blind)
#78A2F9
Tritanopia (blue-blind)
#00BEC8
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #69acfb; /* rgb */ color: rgb(105, 172, 251); /* oklch */ color: oklch(73.3% 0.134 253.6);
Tailwind
colors: {
custom: {
50: '#9ec4fd',
500: '#69acfb',
950: '#000000',
},
}SCSS
$custom: #69acfb; $custom-light: #9ec4fd; $custom-dark: #000000;
JSON
{
"hex": "#69acfb",
"rgb": {
"r": 105,
"g": 172,
"b": 251
},
"hsl": {
"h": 212.466,
"s": 94.805,
"l": 69.804
},
"oklch": {
"l": 0.73328,
"c": 0.1343,
"h": 253.6
},
"luminance": 0.39473
}Semantic roles & 50–950 ramp
primary
#69ACFB
secondary
#F5E2CB
accent
#7C00E6
background
#FAFCFF
surface
#F4F8FF
border
#CED1D7
text
#0F1217
muted
#7F8185