#AAC7BB#AAC7BB
#AAC7BB لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.530؛ OKLCH L 80.5% C 0.035 H 168.5°. أفضل لون لنص المتن هو #000000 بتباين 11.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AAC7BB |
|---|---|
| RGB | rgb(170, 199, 187) |
| HSL | hsl(155, 21%, 72%) |
| HSV | hsv(155, 15%, 78%) |
| CMYK | cmyk(14.6%, 0%, 6%, 22%) |
| CIE-LAB | lab(77.86, -12.11, 2.74) |
| CIE-LCH | lch(77.86, 12.41, 167.26°) |
| OKLab | oklab(80.47% -0.0348 0.0071) |
| OKLCH | oklch(80.47% 0.035 168.5) |
| XYZ | xyz(45.9684, 52.9797, 54.8083) |
| Luminance | 0.5298 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 9.65
Powder Blue
#B0E0E6
ΔE00 10.07
Greenish Grey
#96AE8D
ΔE00 10.34
Silver (survey)
#C5C9C7
ΔE00 10.81
Seafoam Blue
#78D1B6
ΔE00 11.34
Darkseagreen
#8FBC8F
ΔE00 11.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AAC7BB #C7AAB6
analogous
#AAC7AD #AAC7BB #AAC5C7
triadic
#AAC7BB #BBAAC7 #C7BBAA
tetradic
#AAC7BB #ADAAC7 #C7AAB6 #C5C7AA
square
#AAC7BB #ADAAC7 #C7AAB6 #C5C7AA
split-complementary
#AAC7BB #C7AAC5 #C7ADAA
monochromatic
#629580 #85AF9D #AAC7BB #CFDFD9 #EDF3F0
إمكانية الوصول والتباين
On white
1.81
#AAC7BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.60
#AAC7BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AAC7BB
11.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AAC7BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAC7BB | 1.00 | 1.81 | 11.60 | 11.60 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C5C3BA
Deuteranopia (green-blind)
#C0BFBC
Tritanopia (blue-blind)
#A4C7C3
Achromatopsia (no color)
#C0C0C0
وسوم التصميم والكود
CSS
--color: #aac7bb; /* rgb */ color: rgb(170, 199, 187); /* oklch */ color: oklch(80.5% 0.035 168.5);
Tailwind
colors: {
custom: {
50: '#c3d8cf',
500: '#aac7bb',
950: '#000000',
},
}SCSS
$custom: #aac7bb; $custom-light: #c3d8cf; $custom-dark: #000000;
JSON
{
"hex": "#aac7bb",
"rgb": {
"r": 170,
"g": 199,
"b": 187
},
"hsl": {
"h": 155.172,
"s": 20.567,
"l": 72.353
},
"oklch": {
"l": 0.80468,
"c": 0.03549,
"h": 168.5
},
"luminance": 0.52981
}Semantic roles & 50–950 ramp
primary
#AAC7BB
secondary
#9B7A88
accent
#476B9F
background
#FDFEFE
surface
#F9FBFB
border
#D2D4D4
text
#121413
muted
#828383