#95ADD4#95ADD4
#95ADD4 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.410؛ OKLCH L 74.3% C 0.063 H 260.1°. أفضل لون لنص المتن هو #000000 بتباين 9.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95ADD4 |
|---|---|
| RGB | rgb(149, 173, 212) |
| HSL | hsl(217, 42%, 71%) |
| HSV | hsv(217, 30%, 83%) |
| CMYK | cmyk(29.7%, 18.4%, 0%, 16.9%) |
| CIE-LAB | lab(70.20, 0.70, -22.45) |
| CIE-LCH | lch(70.20, 22.46, 271.79°) |
| OKLab | oklab(74.31% -0.0108 -0.0617) |
| OKLCH | oklch(74.31% 0.063 260.1) |
| XYZ | xyz(39.2182, 41.0287, 68.1276) |
| Luminance | 0.4103 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Pastel Blue
#A2BFFE
ΔE00 6.50
Carolina Blue
#8AB8FE
ΔE00 7.00
Lightsteelblue
#B0C4DE
ΔE00 7.22
Light Grey Blue
#9DBCD4
ΔE00 7.29
Cloudy Blue
#ACC2D9
ΔE00 7.49
Periwinkle Blue
#8F99FB
ΔE00 7.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95ADD4 #D4BC95
analogous
#95CCD4 #95ADD4 #9C95D4
triadic
#95ADD4 #D495AD #ADD495
tetradic
#95ADD4 #D495CC #D4BC95 #95D49C
square
#95ADD4 #D495CC #D4BC95 #95D49C
split-complementary
#95ADD4 #D49C95 #CCD495
monochromatic
#456BAA #698BC2 #95ADD4 #C1CFE6 #E9EEF6
إمكانية الوصول والتباين
On white
2.28
#95ADD4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.21
#95ADD4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #95ADD4
9.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95ADD4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95ADD4 | 1.00 | 2.28 | 9.21 | 9.21 |
| #FFFFFF | 2.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A0AFD6
Deuteranopia (green-blind)
#99A9D3
Tritanopia (blue-blind)
#83B5BA
Achromatopsia (no color)
#ACACAC
وسوم التصميم والكود
CSS
--color: #95add4; /* rgb */ color: rgb(149, 173, 212); /* oklch */ color: oklch(74.3% 0.063 260.1);
Tailwind
colors: {
custom: {
50: '#b5c5e1',
500: '#95add4',
950: '#000000',
},
}SCSS
$custom: #95add4; $custom-light: #b5c5e1; $custom-dark: #000000;
JSON
{
"hex": "#95add4",
"rgb": {
"r": 149,
"g": 173,
"b": 212
},
"hsl": {
"h": 217.143,
"s": 42.282,
"l": 70.784
},
"oklch": {
"l": 0.74312,
"c": 0.06265,
"h": 260.1
},
"luminance": 0.4103
}Semantic roles & 50–950 ramp
primary
#95ADD4
secondary
#EBE4DA
accent
#8330B5
background
#FBFCFD
surface
#F6F8FB
border
#D0D1D4
text
#111215
muted
#808183