#56A993#56A993
#56A993 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.325؛ OKLCH L 67.6% C 0.088 H 174.1°. أفضل لون لنص المتن هو #000000 بتباين 7.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #56A993 |
|---|---|
| RGB | rgb(86, 169, 147) |
| HSL | hsl(164, 33%, 50%) |
| HSV | hsv(164, 49%, 66%) |
| CMYK | cmyk(49.1%, 0%, 13%, 33.7%) |
| CIE-LAB | lab(63.72, -30.74, 3.60) |
| CIE-LCH | lch(63.72, 30.95, 173.32°) |
| OKLab | oklab(67.61% -0.0878 0.0091) |
| OKLCH | oklch(67.61% 0.088 174.1) |
| XYZ | xyz(23.2899, 32.4590, 32.6360) |
| Luminance | 0.3246 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greeny Blue
#42B395
ΔE00 4.01
Dull Teal
#5F9E8F
ΔE00 4.29
Grey Teal
#5E9B8A
ΔE00 4.81
Greyish Teal
#719F91
ΔE00 6.32
Tealish
#24BCA8
ΔE00 6.71
Lightseagreen
#20B2AA
ΔE00 7.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#56A993 #A9566C
analogous
#56A969 #56A993 #5696A9
triadic
#56A993 #9356A9 #A99356
tetradic
#56A993 #6956A9 #A9566C #96A956
square
#56A993 #6956A9 #A9566C #96A956
split-complementary
#56A993 #A95696 #A96956
monochromatic
#2D584C #418070 #56A993 #7FBEAD #A7D2C7
إمكانية الوصول والتباين
On white
2.80
#56A993 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.49
#56A993 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #56A993
7.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##56A993 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##56A993 | 1.00 | 2.80 | 7.49 | 7.49 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.49 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A4A092
Deuteranopia (green-blind)
#979695
Tritanopia (blue-blind)
#34ABA2
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #56a993; /* rgb */ color: rgb(86, 169, 147); /* oklch */ color: oklch(67.6% 0.088 174.1);
Tailwind
colors: {
custom: {
50: '#8bc3b2',
500: '#56a993',
950: '#000000',
},
}SCSS
$custom: #56a993; $custom-light: #8bc3b2; $custom-dark: #000000;
JSON
{
"hex": "#56a993",
"rgb": {
"r": 86,
"g": 169,
"b": 147
},
"hsl": {
"h": 164.096,
"s": 32.549,
"l": 50
},
"oklch": {
"l": 0.6761,
"c": 0.08828,
"h": 174.1
},
"luminance": 0.32461
}Semantic roles & 50–950 ramp
primary
#56A993
secondary
#C09BA5
accent
#5F7BC9
background
#F8FCFA
surface
#F0F8F5
border
#CBD1CF
text
#0C1211
muted
#7D8180