#5FBEFD#5FBEFD
#5FBEFD لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.464؛ OKLCH L 76.9% C 0.128 H 240.3°. أفضل لون لنص المتن هو #000000 بتباين 10.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5FBEFD |
|---|---|
| RGB | rgb(95, 190, 253) |
| HSL | hsl(204, 98%, 68%) |
| HSV | hsv(204, 62%, 99%) |
| CMYK | cmyk(62.5%, 24.9%, 0%, 0.8%) |
| CIE-LAB | lab(73.77, -9.59, -39.44) |
| CIE-LCH | lch(73.77, 40.59, 256.33°) |
| OKLab | oklab(76.94% -0.0632 -0.1108) |
| OKLCH | oklch(76.94% 0.128 240.3) |
| XYZ | xyz(40.8557, 46.3476, 99.7023) |
| Luminance | 0.4635 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sky Blue (survey)
#75BBFD
ΔE00 3.81
Lightblue (survey)
#7BC8F6
ΔE00 4.13
Sky
#82CAFC
ΔE00 4.24
Deepskyblue
#00BFFF
ΔE00 4.81
Lightskyblue
#87CEFA
ΔE00 5.60
Light Blue
#95D0FC
ΔE00 6.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5FBEFD #FD9E5F
analogous
#5FFDED #5FBEFD #5F6FFD
triadic
#5FBEFD #FD5FBE #BEFD5F
tetradic
#5FBEFD #ED5FFD #FD9E5F #6FFD5F
square
#5FBEFD #ED5FFD #FD9E5F #6FFD5F
split-complementary
#5FBEFD #FD5F6F #FDED5F
monochromatic
#0387DF #23A5FC #5FBEFD #9BD7FE #D8EFFF
إمكانية الوصول والتباين
On white
2.04
#5FBEFD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.27
#5FBEFD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5FBEFD
10.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5FBEFD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5FBEFD | 1.00 | 2.04 | 10.27 | 10.27 |
| #FFFFFF | 2.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A1BEFF
Deuteranopia (green-blind)
#8CAEFC
Tritanopia (blue-blind)
#00CED4
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #5fbefd; /* rgb */ color: rgb(95, 190, 253); /* oklch */ color: oklch(76.9% 0.128 240.3);
Tailwind
colors: {
custom: {
50: '#9ad1fe',
500: '#5fbefd',
950: '#000000',
},
}SCSS
$custom: #5fbefd; $custom-light: #9ad1fe; $custom-dark: #000000;
JSON
{
"hex": "#5fbefd",
"rgb": {
"r": 95,
"g": 190,
"b": 253
},
"hsl": {
"h": 203.924,
"s": 97.531,
"l": 68.235
},
"oklch": {
"l": 0.76936,
"c": 0.12757,
"h": 240.3
},
"luminance": 0.46352
}Semantic roles & 50–950 ramp
primary
#5FBEFD
secondary
#F4D7C4
accent
#5C00E6
background
#FAFCFF
surface
#F4F9FF
border
#CED2D7
text
#0F1418
muted
#7F8286