#2D798E#2D798E
#2D798E لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.162؛ OKLCH L 53.8% C 0.080 H 219.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D798E |
|---|---|
| RGB | rgb(45, 121, 142) |
| HSL | hsl(193, 52%, 37%) |
| HSV | hsv(193, 68%, 56%) |
| CMYK | cmyk(68.3%, 14.8%, 0%, 44.3%) |
| CIE-LAB | lab(47.22, -16.19, -18.24) |
| CIE-LCH | lch(47.22, 24.39, 228.41°) |
| OKLab | oklab(53.85% -0.0617 -0.0508) |
| OKLCH | oklch(53.85% 0.08 219.5) |
| XYZ | xyz(12.8000, 16.1842, 28.0352) |
| Luminance | 0.1619 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Ocean
#017B92
ΔE00 2.24
Sea Blue
#047495
ΔE00 4.40
Dirty Blue
#3F829D
ΔE00 4.90
Teal Blue
#01889F
ΔE00 5.82
Cerulean
#007BA7
ΔE00 7.07
Deep Aqua
#08787F
ΔE00 7.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D798E #8E422D
analogous
#2D8E73 #2D798E #2D498E
triadic
#2D798E #8E2D79 #798E2D
tetradic
#2D798E #732D8E #8E422D #498E2D
square
#2D798E #732D8E #8E422D #498E2D
split-complementary
#2D798E #8E2D49 #8E732D
monochromatic
#102A31 #1E5160 #2D798E #3CA1BC #67B8CF
إمكانية الوصول والتباين
On white
4.96
#2D798E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.24
#2D798E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #2D798E
4.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D798E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D798E | 1.00 | 4.96 | 4.24 | 4.96 |
| #FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C768F
Deuteranopia (green-blind)
#5E6C8E
Tritanopia (blue-blind)
#008080
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #2d798e; /* rgb */ color: rgb(45, 121, 142); /* oklch */ color: oklch(53.8% 0.080 219.5);
Tailwind
colors: {
custom: {
50: '#729faf',
500: '#2d798e',
950: '#000000',
},
}SCSS
$custom: #2d798e; $custom-light: #729faf; $custom-dark: #000000;
JSON
{
"hex": "#2d798e",
"rgb": {
"r": 45,
"g": 121,
"b": 142
},
"hsl": {
"h": 192.99,
"s": 51.872,
"l": 36.667
},
"oklch": {
"l": 0.53846,
"c": 0.07996,
"h": 219.5
},
"luminance": 0.16186
}Semantic roles & 50–950 ramp
primary
#2D798E
secondary
#B57461
accent
#6B4CDB
background
#F7F9FA
surface
#EDF2F4
border
#C8CCCE
text
#090E10
muted
#7B7E7F