#85BEAB#85BEAB
#85BEAB لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.448؛ OKLCH L 75.7% C 0.065 H 171.7°. أفضل لون لنص المتن هو #000000 بتباين 9.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #85BEAB |
|---|---|
| RGB | rgb(133, 190, 171) |
| HSL | hsl(160, 30%, 63%) |
| HSV | hsv(160, 30%, 75%) |
| CMYK | cmyk(30%, 0%, 10%, 25.5%) |
| CIE-LAB | lab(72.73, -22.59, 3.68) |
| CIE-LCH | lch(72.73, 22.89, 170.74°) |
| OKLab | oklab(75.66% -0.0648 0.0094) |
| OKLCH | oklch(75.66% 0.065 171.7) |
| XYZ | xyz(35.4346, 44.7520, 45.2911) |
| Luminance | 0.4475 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 4.01
Seafoam Blue
#78D1B6
ΔE00 6.09
Mediumaquamarine
#66CDAA
ΔE00 7.33
Greeny Blue
#42B395
ΔE00 8.72
Darkseagreen
#8FBC8F
ΔE00 8.74
Greyish Teal
#719F91
ΔE00 8.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#85BEAB #BE8598
analogous
#85BE8E #85BEAB #85B4BE
triadic
#85BEAB #AB85BE #BEAB85
tetradic
#85BEAB #8E85BE #BE8598 #B4BE85
square
#85BEAB #8E85BE #BE8598 #B4BE85
split-complementary
#85BEAB #BE85B4 #BE8E85
monochromatic
#46836E #5DA990 #85BEAB #ADD3C6 #D5E9E2
إمكانية الوصول والتباين
On white
2.11
#85BEAB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.95
#85BEAB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #85BEAB
9.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##85BEAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##85BEAB | 1.00 | 2.11 | 9.95 | 9.95 |
| #FFFFFF | 2.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.95 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BBB7AA
Deuteranopia (green-blind)
#B0AFAC
Tritanopia (blue-blind)
#76BFB8
Achromatopsia (no color)
#B2B2B2
وسوم التصميم والكود
CSS
--color: #85beab; /* rgb */ color: rgb(133, 190, 171); /* oklch */ color: oklch(75.7% 0.065 171.7);
Tailwind
colors: {
custom: {
50: '#aad1c4',
500: '#85beab',
950: '#000000',
},
}SCSS
$custom: #85beab; $custom-light: #aad1c4; $custom-dark: #000000;
JSON
{
"hex": "#85beab",
"rgb": {
"r": 133,
"g": 190,
"b": 171
},
"hsl": {
"h": 160,
"s": 30.481,
"l": 63.333
},
"oklch": {
"l": 0.75662,
"c": 0.06544,
"h": 171.7
},
"luminance": 0.44754
}Semantic roles & 50–950 ramp
primary
#85BEAB
secondary
#DAC5CC
accent
#3C61A9
background
#FAFCFC
surface
#F4F9F8
border
#CED2D1
text
#101412
muted
#7F8281