#419FCD#419FCD
#419FCD لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.303؛ OKLCH L 66.6% C 0.111 H 233.3°. أفضل لون لنص المتن هو #000000 بتباين 7.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #419FCD |
|---|---|
| RGB | rgb(65, 159, 205) |
| HSL | hsl(200, 58%, 53%) |
| HSV | hsv(200, 68%, 80%) |
| CMYK | cmyk(68.3%, 22.4%, 0%, 19.6%) |
| CIE-LAB | lab(61.93, -13.05, -31.62) |
| CIE-LCH | lch(61.93, 34.21, 247.58°) |
| OKLab | oklab(66.61% -0.0663 -0.0888) |
| OKLCH | oklch(66.61% 0.111 233.3) |
| XYZ | xyz(25.5932, 30.3251, 62.2503) |
| Luminance | 0.3033 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Azure (survey)
#069AF3
ΔE00 7.24
Greyblue
#77A1B5
ΔE00 7.97
Water Blue
#0E87CC
ΔE00 9.22
Deepskyblue
#00BFFF
ΔE00 9.49
Dusty Blue
#5A86AD
ΔE00 9.83
Dark Sky Blue
#448EE4
ΔE00 9.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#419FCD #CD6F41
analogous
#41CDB5 #419FCD #4159CD
triadic
#419FCD #CD419F #9FCD41
tetradic
#419FCD #B541CD #CD6F41 #59CD41
square
#419FCD #B541CD #CD6F41 #59CD41
split-complementary
#419FCD #CD4159 #CDB541
monochromatic
#1F5975 #2C7DA5 #419FCD #71B7DA #A2D0E6
إمكانية الوصول والتباين
On white
2.97
#419FCD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.07
#419FCD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #419FCD
7.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##419FCD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##419FCD | 1.00 | 2.97 | 7.07 | 7.07 |
| #FFFFFF | 2.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#889DCF
Deuteranopia (green-blind)
#7590CC
Tritanopia (blue-blind)
#00ABAE
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #419fcd; /* rgb */ color: rgb(65, 159, 205); /* oklch */ color: oklch(66.6% 0.111 233.3);
Tailwind
colors: {
custom: {
50: '#85bbdc',
500: '#419fcd',
950: '#000000',
},
}SCSS
$custom: #419fcd; $custom-light: #85bbdc; $custom-dark: #000000;
JSON
{
"hex": "#419fcd",
"rgb": {
"r": 65,
"g": 159,
"b": 205
},
"hsl": {
"h": 199.714,
"s": 58.333,
"l": 52.941
},
"oklch": {
"l": 0.66613,
"c": 0.11079,
"h": 233.3
},
"luminance": 0.30328
}Semantic roles & 50–950 ramp
primary
#419FCD
secondary
#D3AB97
accent
#7946E2
background
#F8FBFD
surface
#F0F6FB
border
#CBD0D4
text
#0C1115
muted
#7D8083