#1990B4#1990B4
#1990B4 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.234؛ OKLCH L 60.9% C 0.110 H 224.8°. أفضل لون لنص المتن هو #000000 بتباين 5.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1990B4 |
|---|---|
| RGB | rgb(25, 144, 180) |
| HSL | hsl(194, 76%, 40%) |
| HSV | hsv(194, 86%, 71%) |
| CMYK | cmyk(86.1%, 20%, 0%, 29.4%) |
| CIE-LAB | lab(55.53, -17.98, -27.52) |
| CIE-LCH | lch(55.53, 32.87, 236.84°) |
| OKLab | oklab(60.91% -0.0778 -0.0773) |
| OKLCH | oklch(60.91% 0.11 224.8) |
| XYZ | xyz(18.6089, 23.4461, 46.7159) |
| Luminance | 0.2345 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dirty Blue
#3F829D
ΔE00 5.61
Teal Blue
#01889F
ΔE00 5.63
Cerulean
#007BA7
ΔE00 8.24
Ocean
#017B92
ΔE00 9.04
Dusty Blue
#5A86AD
ΔE00 9.35
Water Blue
#0E87CC
ΔE00 9.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1990B4 #B43D19
analogous
#19B48A #1990B4 #1943B4
triadic
#1990B4 #B41990 #90B419
tetradic
#1990B4 #8A19B4 #B43D19 #43B419
square
#1990B4 #8A19B4 #B43D19 #43B419
split-complementary
#1990B4 #B41943 #B48A19
monochromatic
#0A3A49 #12657E #1990B4 #29B6E1 #5FC9E9
إمكانية الوصول والتباين
On white
3.69
#1990B4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.69
#1990B4 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #1990B4
5.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1990B4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##1990B4 | 1.00 | 3.69 | 5.69 | 5.69 |
| #FFFFFF | 3.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C8DB6
Deuteranopia (green-blind)
#687FB4
Tritanopia (blue-blind)
#009B9C
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #1990b4; /* rgb */ color: rgb(25, 144, 180); /* oklch */ color: oklch(60.9% 0.110 224.8);
Tailwind
colors: {
custom: {
50: '#74b0ca',
500: '#1990b4',
950: '#000000',
},
}SCSS
$custom: #1990b4; $custom-light: #74b0ca; $custom-dark: #000000;
JSON
{
"hex": "#1990b4",
"rgb": {
"r": 25,
"g": 144,
"b": 180
},
"hsl": {
"h": 193.935,
"s": 75.61,
"l": 40.196
},
"oklch": {
"l": 0.60908,
"c": 0.10974,
"h": 224.8
},
"luminance": 0.23448
}Semantic roles & 50–950 ramp
primary
#1990B4
secondary
#CD765C
accent
#6136F2
background
#F7FAFC
surface
#EEF4F8
border
#C9CED1
text
#0A1013
muted
#7C7F82