#357E89#357E89
#357E89 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.175؛ OKLCH L 55.2% C 0.074 H 208.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #357E89 |
|---|---|
| RGB | rgb(53, 126, 137) |
| HSL | hsl(188, 44%, 37%) |
| HSV | hsv(188, 61%, 54%) |
| CMYK | cmyk(61.3%, 8%, 0%, 46.3%) |
| CIE-LAB | lab(48.86, -19.08, -12.77) |
| CIE-LCH | lch(48.86, 22.96, 213.79°) |
| OKLab | oklab(55.18% -0.0646 -0.0354) |
| OKLCH | oklch(55.18% 0.074 208.7) |
| XYZ | xyz(13.4425, 17.4834, 26.3283) |
| Luminance | 0.1749 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Ocean
#017B92
ΔE00 4.59
Deep Aqua
#08787F
ΔE00 4.68
Teal Blue
#01889F
ΔE00 5.41
Dark Cyan
#0A888A
ΔE00 6.61
Teal
#008080
ΔE00 6.64
Bluegreen
#017A79
ΔE00 7.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#357E89 #894035
analogous
#35896A #357E89 #355489
triadic
#357E89 #89357E #7E8935
tetradic
#357E89 #6A3589 #894035 #548935
square
#357E89 #6A3589 #894035 #548935
split-complementary
#357E89 #893554 #896A35
monochromatic
#132D31 #24555D #357E89 #46A7B5 #71BCC8
إمكانية الوصول والتباين
On white
4.67
#357E89 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.50
#357E89 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #357E89
4.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##357E89 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##357E89 | 1.00 | 4.67 | 4.50 | 4.67 |
| #FFFFFF | 4.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#747A8A
Deuteranopia (green-blind)
#677089
Tritanopia (blue-blind)
#008381
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #357e89; /* rgb */ color: rgb(53, 126, 137); /* oklch */ color: oklch(55.2% 0.074 208.7);
Tailwind
colors: {
custom: {
50: '#76a3ab',
500: '#357e89',
950: '#000000',
},
}SCSS
$custom: #357e89; $custom-light: #76a3ab; $custom-dark: #000000;
JSON
{
"hex": "#357e89",
"rgb": {
"r": 53,
"g": 126,
"b": 137
},
"hsl": {
"h": 187.857,
"s": 44.211,
"l": 37.255
},
"oklch": {
"l": 0.55179,
"c": 0.07363,
"h": 208.7
},
"luminance": 0.17485
}Semantic roles & 50–950 ramp
primary
#357E89
secondary
#B0736A
accent
#6554D4
background
#F7FAFA
surface
#EDF4F4
border
#C8CECE
text
#090F10
muted
#7B7F7F