#9DA4CB#9DA4CB
#9DA4CB لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.380؛ OKLCH L 72.7% C 0.057 H 276.9°. أفضل لون لنص المتن هو #000000 بتباين 8.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9DA4CB |
|---|---|
| RGB | rgb(157, 164, 203) |
| HSL | hsl(231, 31%, 71%) |
| HSV | hsv(231, 23%, 80%) |
| CMYK | cmyk(22.7%, 19.2%, 0%, 20.4%) |
| CIE-LAB | lab(68.04, 5.95, -20.72) |
| CIE-LCH | lch(68.04, 21.55, 286.02°) |
| OKLab | oklab(72.67% 0.0069 -0.0567) |
| OKLCH | oklch(72.67% 0.057 276.9) |
| XYZ | xyz(37.9569, 38.0300, 61.8291) |
| Luminance | 0.3803 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender
#B39DDB
ΔE00 8.34
Light Periwinkle
#C1C6FC
ΔE00 10.08
Periwinkle Blue
#8F99FB
ΔE00 10.33
Perrywinkle
#8F8CE7
ΔE00 10.40
Lightsteelblue
#B0C4DE
ΔE00 10.75
Pastel Blue
#A2BFFE
ΔE00 10.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9DA4CB #CBC49D
analogous
#9DBBCB #9DA4CB #AD9DCB
triadic
#9DA4CB #CB9DA4 #A4CB9D
tetradic
#9DA4CB #CB9DBB #CBC49D #9DCBAD
square
#9DA4CB #CB9DBB #CBC49D #9DCBAD
split-complementary
#9DA4CB #CBAD9D #BBCB9D
monochromatic
#525D9B #757FB6 #9DA4CB #C5C9E0 #EBECF4
إمكانية الوصول والتباين
On white
2.44
#9DA4CB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.61
#9DA4CB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9DA4CB
8.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9DA4CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9DA4CB | 1.00 | 2.44 | 8.61 | 8.61 |
| #FFFFFF | 2.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#99A8CD
Deuteranopia (green-blind)
#96A4CA
Tritanopia (blue-blind)
#92ABB1
Achromatopsia (no color)
#A6A6A6
وسوم التصميم والكود
CSS
--color: #9da4cb; /* rgb */ color: rgb(157, 164, 203); /* oklch */ color: oklch(72.7% 0.057 276.9);
Tailwind
colors: {
custom: {
50: '#babedb',
500: '#9da4cb',
950: '#000000',
},
}SCSS
$custom: #9da4cb; $custom-light: #babedb; $custom-dark: #000000;
JSON
{
"hex": "#9da4cb",
"rgb": {
"r": 157,
"g": 164,
"b": 203
},
"hsl": {
"h": 230.87,
"s": 30.667,
"l": 70.588
},
"oklch": {
"l": 0.72665,
"c": 0.05712,
"h": 276.9
},
"luminance": 0.38031
}Semantic roles & 50–950 ramp
primary
#9DA4CB
secondary
#E8E6DC
accent
#993CA9
background
#FBFBFD
surface
#F6F6FA
border
#D0D0D3
text
#121215
muted
#818183