لون مسمّى · #85B2A1
Le Max
Le Max هو #85B2A1: rgb(133 178 161)، hsl(157 23% 61%)، oklch(0.726 0.054 169.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Le Max color name →
#85B2A1
oklch(0.726 0.054 169.5)
تحويلات الألوان
- HEX
- #85b2a1
- RGB
- rgb(133 178 161)
- HSL
- hsl(157 23% 61%)
- HWB
- hwb(157 52% 30%)
- OKLCH
- oklch(0.726 0.054 169.5)
- OKLab
- oklab(0.726 -0.053 0.01)
- CIE Lab
- lab(68.96 -18.36 3.59)
- LCH
- lch(68.96 18.71 168.9)
- CMYK
- cmyk(25% 0% 10% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 91BAAA
- 9DC1B3
- A9C9BC
- B5D0C6
- C2D8CF
- CEE0D8
- DAE8E2
- E6EFEC
- F3F7F5
درجات داكنة
- 739A8B
- 618376
- 506D62
- 40574E
- 30433C
- 212F2A
- 131D19
- 060C09
- 010101
درجات رمادية
- 85AD9E
- 85A89A
- 84A397
- 849E94
- 849990
- 83948D
- 828F8A
- 828A87
- 818583
تناسق الألوان
متمم +180°
- 85B2A1
Le Max
- C299AC
≈ Classy Mauve
متجاور -30° +30°
- 85B2A1
Le Max
- 95AF8F
≈ Mint Stone
- 7EB1B4
≈ Buoyancy
ثلاثي +120° +240°
- 85B2A1
Le Max
- A5A1C7
≈ May Mist
- C39D89
≈ Chestnut Bisque
متمم منقسم +150° +210°
- 85B2A1
Le Max
- B69CBC
≈ Tuileries Tint
- C79999
≈ Fall Canyon
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.36:1 · APCA Lc 47
Ag
AAAعلى الأسود
WCAG 8.88:1 · APCA Lc 55
أفضل لون للنص: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--le-max: #85b2a1;
--le-max-rgb: 133 178 161;
--le-max-oklch: oklch(0.726 0.054 169.5);
}
.element {
color: var(--le-max);
background-color: hsl(157 23% 61%);
border-color: oklch(0.726 0.054 169.5);
}Tailwind CSS v4
@theme {
--color-le-max: #85b2a1;
--color-le-max-50: #e7fbf3;
--color-le-max-100: #d7eee6;
--color-le-max-200: #bedcd1;
--color-le-max-300: #9cc1b4;
--color-le-max-400: #7fa999;
--color-le-max-500: #619280;
--color-le-max-600: #537c6d;
--color-le-max-700: #426357;
--color-le-max-800: #30493f;
--color-le-max-900: #20322b;
--color-le-max-950: #101e18;
}SCSS
$le-max: #85b2a1;
$le-max-rgb: 133, 178, 161;
$le-max-light: mix(#fff, $le-max, 20%);
$le-max-dark: mix(#000, $le-max, 20%);
.element {
color: $le-max;
box-shadow: 0 0 0 2px rgba($le-max, 0.35);
}