#599DFD#599DFD
#599DFD لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.333؛ OKLCH L 69.5% C 0.158 H 257.3°. أفضل لون لنص المتن هو #000000 بتباين 7.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #599DFD |
|---|---|
| RGB | rgb(89, 157, 253) |
| HSL | hsl(215, 98%, 67%) |
| HSV | hsv(215, 65%, 99%) |
| CMYK | cmyk(64.8%, 37.9%, 0%, 0.8%) |
| CIE-LAB | lab(64.42, 7.93, -54.15) |
| CIE-LCH | lch(64.42, 54.72, 278.33°) |
| OKLab | oklab(69.54% -0.0347 -0.154) |
| OKLCH | oklch(69.54% 0.158 257.3) |
| XYZ | xyz(33.9000, 33.3263, 97.5555) |
| Luminance | 0.3333 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Cornflowerblue
#6495ED
ΔE00 3.53
Dodgerblue
#1E90FF
ΔE00 4.86
Dark Sky Blue
#448EE4
ΔE00 5.45
Azure (survey)
#069AF3
ΔE00 6.48
Soft Blue
#6488EA
ΔE00 7.84
Carolina Blue
#8AB8FE
ΔE00 8.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#599DFD #FDB959
analogous
#59EFFD #599DFD #6759FD
triadic
#599DFD #FD599D #9DFD59
tetradic
#599DFD #FD59EF #FDB959 #59FD67
square
#599DFD #FD59EF #FDB959 #59FD67
split-complementary
#599DFD #FD6759 #EFFD59
monochromatic
#035CD9 #1D79FC #599DFD #95C1FE #D2E4FE
إمكانية الوصول والتباين
On white
2.74
#599DFD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.67
#599DFD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #599DFD
7.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##599DFD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##599DFD | 1.00 | 2.74 | 7.67 | 7.67 |
| #FFFFFF | 2.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#72A5FF
Deuteranopia (green-blind)
#5A95FB
Tritanopia (blue-blind)
#00B3C1
Achromatopsia (no color)
#9C9C9C
وسوم التصميم والكود
CSS
--color: #599dfd; /* rgb */ color: rgb(89, 157, 253); /* oklch */ color: oklch(69.5% 0.158 257.3);
Tailwind
colors: {
custom: {
50: '#97b9fe',
500: '#599dfd',
950: '#000000',
},
}SCSS
$custom: #599dfd; $custom-light: #97b9fe; $custom-dark: #000000;
JSON
{
"hex": "#599dfd",
"rgb": {
"r": 89,
"g": 157,
"b": 253
},
"hsl": {
"h": 215.122,
"s": 97.619,
"l": 67.059
},
"oklch": {
"l": 0.69535,
"c": 0.15787,
"h": 257.3
},
"luminance": 0.3333
}Semantic roles & 50–950 ramp
primary
#599DFD
secondary
#F3DDBF
accent
#8600E6
background
#FAFBFF
surface
#F3F6FF
border
#CDD0D7
text
#0F1118
muted
#7F8086