#249CC7#249CC7
#249CC7 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.283؛ OKLCH L 64.9% C 0.118 H 228.1°. أفضل لون لنص المتن هو #000000 بتباين 6.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #249CC7 |
|---|---|
| RGB | rgb(36, 156, 199) |
| HSL | hsl(196, 69%, 46%) |
| HSV | hsv(196, 82%, 78%) |
| CMYK | cmyk(81.9%, 21.6%, 0%, 22%) |
| CIE-LAB | lab(60.13, -16.95, -31.11) |
| CIE-LCH | lch(60.13, 35.43, 241.42°) |
| OKLab | oklab(64.91% -0.0786 -0.0875) |
| OKLCH | oklch(64.91% 0.118 228.1) |
| XYZ | xyz(22.9206, 28.2726, 58.2709) |
| Luminance | 0.2828 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Greyblue
#77A1B5
ΔE00 8.81
Dirty Blue
#3F829D
ΔE00 9.55
Azure (survey)
#069AF3
ΔE00 9.71
Teal Blue
#01889F
ΔE00 9.79
Water Blue
#0E87CC
ΔE00 9.81
Dusty Blue
#5A86AD
ΔE00 10.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#249CC7 #C74F24
analogous
#24C7A0 #249CC7 #244AC7
triadic
#249CC7 #C7249C #9CC724
tetradic
#249CC7 #A024C7 #C74F24 #4AC724
square
#249CC7 #A024C7 #C74F24 #4AC724
split-complementary
#249CC7 #C7244A #C7A024
monochromatic
#114B5F #1B7393 #249CC7 #4AB7DE #7ECCE8
إمكانية الوصول والتباين
On white
3.16
#249CC7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.66
#249CC7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #249CC7
6.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##249CC7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##249CC7 | 1.00 | 3.16 | 6.66 | 6.66 |
| #FFFFFF | 3.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8599C9
Deuteranopia (green-blind)
#708AC6
Tritanopia (blue-blind)
#00A8AA
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #249cc7; /* rgb */ color: rgb(36, 156, 199); /* oklch */ color: oklch(64.9% 0.118 228.1);
Tailwind
colors: {
custom: {
50: '#7bb9d8',
500: '#249cc7',
950: '#000000',
},
}SCSS
$custom: #249cc7; $custom-light: #7bb9d8; $custom-dark: #000000;
JSON
{
"hex": "#249cc7",
"rgb": {
"r": 36,
"g": 156,
"b": 199
},
"hsl": {
"h": 195.828,
"s": 69.362,
"l": 46.078
},
"oklch": {
"l": 0.64907,
"c": 0.11763,
"h": 228.1
},
"luminance": 0.28276
}Semantic roles & 50–950 ramp
primary
#249CC7
secondary
#D08E77
accent
#6A3CEC
background
#F8FBFD
surface
#EFF6FA
border
#CAD0D3
text
#0B1114
muted
#7C8083