#19668D#19668D
#19668D لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.116؛ OKLCH L 48.4% C 0.095 H 236.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.31:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #19668D |
|---|---|
| RGB | rgb(25, 102, 141) |
| HSL | hsl(200, 70%, 33%) |
| HSV | hsv(200, 82%, 55%) |
| CMYK | cmyk(82.3%, 27.7%, 0%, 44.7%) |
| CIE-LAB | lab(40.62, -8.36, -27.89) |
| CIE-LCH | lch(40.62, 29.11, 253.32°) |
| OKLab | oklab(48.42% -0.0524 -0.0788) |
| OKLCH | oklch(48.42% 0.095 236.4) |
| XYZ | xyz(9.9581, 11.6313, 26.9144) |
| Luminance | 0.1163 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Peacock Blue
#016795
ΔE00 1.55
Ugly Blue
#31668A
ΔE00 2.36
Ocean Blue (survey)
#03719C
ΔE00 4.06
Denim (survey)
#3B638C
ΔE00 5.75
Muted Blue
#3B719F
ΔE00 6.11
Sea Blue
#047495
ΔE00 6.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#19668D #8D4019
analogous
#198D7A #19668D #192C8D
triadic
#19668D #8D1966 #668D19
tetradic
#19668D #7A198D #8D4019 #2C8D19
square
#19668D #7A198D #8D4019 #2C8D19
split-complementary
#19668D #8D192C #8D7A19
monochromatic
#071B25 #104059 #19668D #228CC1 #43AADE
إمكانية الوصول والتباين
On white
6.31
#19668D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.33
#19668D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #19668D
6.31:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##19668D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##19668D | 1.00 | 6.31 | 3.33 | 6.31 |
| #FFFFFF | 6.31 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.31 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#53668F
Deuteranopia (green-blind)
#445B8C
Tritanopia (blue-blind)
#007073
Achromatopsia (no color)
#606060
وسوم التصميم والكود
CSS
--color: #19668d; /* rgb */ color: rgb(25, 102, 141); /* oklch */ color: oklch(48.4% 0.095 236.4);
Tailwind
colors: {
custom: {
50: '#6a91ae',
500: '#19668d',
950: '#000000',
},
}SCSS
$custom: #19668d; $custom-light: #6a91ae; $custom-dark: #000000;
JSON
{
"hex": "#19668d",
"rgb": {
"r": 25,
"g": 102,
"b": 141
},
"hsl": {
"h": 200.172,
"s": 69.88,
"l": 32.549
},
"oklch": {
"l": 0.4842,
"c": 0.09464,
"h": 236.4
},
"luminance": 0.11633
}Semantic roles & 50–950 ramp
primary
#19668D
secondary
#BF6D43
accent
#773BED
background
#F6F8FA
surface
#ECF0F4
border
#C7CBCE
text
#080C10
muted
#7A7D7F