#7DACD5#7DACD5
#7DACD5 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.387؛ OKLCH L 72.6% C 0.078 H 245.5°. أفضل لون لنص المتن هو #000000 بتباين 8.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7DACD5 |
|---|---|
| RGB | rgb(125, 172, 213) |
| HSL | hsl(208, 51%, 66%) |
| HSV | hsv(208, 41%, 84%) |
| CMYK | cmyk(41.3%, 19.2%, 0%, 16.5%) |
| CIE-LAB | lab(68.51, -5.15, -25.70) |
| CIE-LCH | lch(68.51, 26.21, 258.68°) |
| OKLab | oklab(72.62% -0.0325 -0.0712) |
| OKLCH | oklch(72.62% 0.078 245.5) |
| XYZ | xyz(35.2162, 38.6670, 68.5457) |
| Luminance | 0.3867 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sky Blue (survey)
#75BBFD
ΔE00 5.85
Carolina Blue
#8AB8FE
ΔE00 6.01
Light Grey Blue
#9DBCD4
ΔE00 6.84
Greyblue
#77A1B5
ΔE00 7.65
Cornflowerblue
#6495ED
ΔE00 7.84
Lightblue (survey)
#7BC8F6
ΔE00 8.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7DACD5 #D5A67D
analogous
#7DD5D2 #7DACD5 #7D80D5
triadic
#7DACD5 #D57DAC #ACD57D
tetradic
#7DACD5 #D27DD5 #D5A67D #80D57D
square
#7DACD5 #D27DD5 #D5A67D #80D57D
split-complementary
#7DACD5 #D57D80 #D5D27D
monochromatic
#3570A3 #4F8EC6 #7DACD5 #ABCAE4 #DAE7F3
إمكانية الوصول والتباين
On white
2.40
#7DACD5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.73
#7DACD5 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #7DACD5
8.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7DACD5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7DACD5 | 1.00 | 2.40 | 8.73 | 8.73 |
| #FFFFFF | 2.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9BACD7
Deuteranopia (green-blind)
#90A3D4
Tritanopia (blue-blind)
#5CB6BA
Achromatopsia (no color)
#A7A7A7
وسوم التصميم والكود
CSS
--color: #7dacd5; /* rgb */ color: rgb(125, 172, 213); /* oklch */ color: oklch(72.6% 0.078 245.5);
Tailwind
colors: {
custom: {
50: '#a6c4e2',
500: '#7dacd5',
950: '#000000',
},
}SCSS
$custom: #7dacd5; $custom-light: #a6c4e2; $custom-dark: #000000;
JSON
{
"hex": "#7dacd5",
"rgb": {
"r": 125,
"g": 172,
"b": 213
},
"hsl": {
"h": 207.955,
"s": 51.163,
"l": 66.275
},
"oklch": {
"l": 0.7262,
"c": 0.07825,
"h": 245.5
},
"luminance": 0.38669
}Semantic roles & 50–950 ramp
primary
#7DACD5
secondary
#E5D6C9
accent
#6E27BF
background
#FAFCFD
surface
#F4F8FB
border
#CED1D4
text
#101215
muted
#7F8183