#438871#438871
#438871 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.200؛ OKLCH L 57.5% C 0.079 H 169.4°. أفضل لون لنص المتن هو #000000 بتباين 5.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #438871 |
|---|---|
| RGB | rgb(67, 136, 113) |
| HSL | hsl(160, 34%, 40%) |
| HSV | hsv(160, 51%, 53%) |
| CMYK | cmyk(50.7%, 0%, 16.9%, 46.7%) |
| CIE-LAB | lab(51.83, -27.69, 5.71) |
| CIE-LCH | lch(51.83, 28.27, 168.36°) |
| OKLab | oklab(57.48% -0.078 0.0146) |
| OKLCH | oklch(57.48% 0.079 169.4) |
| XYZ | xyz(14.0982, 19.9927, 18.7356) |
| Luminance | 0.1999 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 5.72
Viridian
#1E9167
ΔE00 6.54
Dark Sea Green
#11875D
ΔE00 6.71
Ocean Green
#3D9973
ΔE00 6.90
Slate Green
#658D6D
ΔE00 7.03
Teal (survey)
#029386
ΔE00 7.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#438871 #88435A
analogous
#43884F #438871 #437D88
triadic
#438871 #714388 #887143
tetradic
#438871 #4F4388 #88435A #7D8843
square
#438871 #4F4388 #88435A #7D8843
split-complementary
#438871 #88437D #884F43
monochromatic
#1B362D #2F5F4F #438871 #5AAE92 #83C2AD
إمكانية الوصول والتباين
On white
4.20
#438871 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.00
#438871 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #438871
5.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##438871 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##438871 | 1.00 | 4.20 | 5.00 | 5.00 |
| #FFFFFF | 4.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#858070
Deuteranopia (green-blind)
#7A7873
Tritanopia (blue-blind)
#298981
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #438871; /* rgb */ color: rgb(67, 136, 113); /* oklch */ color: oklch(57.5% 0.079 169.4);
Tailwind
colors: {
custom: {
50: '#7cab99',
500: '#438871',
950: '#000000',
},
}SCSS
$custom: #438871; $custom-light: #7cab99; $custom-dark: #000000;
JSON
{
"hex": "#438871",
"rgb": {
"r": 67,
"g": 136,
"b": 113
},
"hsl": {
"h": 160,
"s": 33.99,
"l": 39.804
},
"oklch": {
"l": 0.57478,
"c": 0.07937,
"h": 169.4
},
"luminance": 0.19994
}Semantic roles & 50–950 ramp
primary
#438871
secondary
#AD7A8B
accent
#5E82CA
background
#F7FAF9
surface
#EEF4F2
border
#C9CECC
text
#0A100E
muted
#7C7F7E