#91C0AD#91C0AD
#91C0AD لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.467؛ OKLCH L 76.9% C 0.057 H 168.1°. أفضل لون لنص المتن هو #000000 بتباين 10.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #91C0AD |
|---|---|
| RGB | rgb(145, 192, 173) |
| HSL | hsl(156, 27%, 66%) |
| HSV | hsv(156, 24%, 75%) |
| CMYK | cmyk(24.5%, 0%, 9.9%, 24.7%) |
| CIE-LAB | lab(74.02, -19.46, 4.55) |
| CIE-LCH | lch(74.02, 19.98, 166.84°) |
| OKLab | oklab(76.89% -0.0555 0.0117) |
| OKLCH | oklch(76.89% 0.057 168.1) |
| XYZ | xyz(38.0672, 46.7346, 46.5420) |
| Luminance | 0.4674 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 4.94
Seafoam Blue
#78D1B6
ΔE00 7.12
Darkseagreen
#8FBC8F
ΔE00 8.19
Mediumaquamarine
#66CDAA
ΔE00 8.55
Greenish Grey
#96AE8D
ΔE00 8.78
Greyish Teal
#719F91
ΔE00 9.69
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#91C0AD #C091A4
analogous
#91C095 #91C0AD #91BBC0
triadic
#91C0AD #AD91C0 #C0AD91
tetradic
#91C0AD #9591C0 #C091A4 #BBC091
square
#91C0AD #9591C0 #C091A4 #BBC091
split-complementary
#91C0AD #C091BB #C09591
monochromatic
#4E8871 #6AAA90 #91C0AD #B8D6CA #DFEDE7
إمكانية الوصول والتباين
On white
2.03
#91C0AD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.35
#91C0AD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #91C0AD
10.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##91C0AD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91C0AD | 1.00 | 2.03 | 10.35 | 10.35 |
| #FFFFFF | 2.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BEBAAC
Deuteranopia (green-blind)
#B5B4AE
Tritanopia (blue-blind)
#87C0BA
Achromatopsia (no color)
#B6B6B6
وسوم التصميم والكود
CSS
--color: #91c0ad; /* rgb */ color: rgb(145, 192, 173); /* oklch */ color: oklch(76.9% 0.057 168.1);
Tailwind
colors: {
custom: {
50: '#b2d3c5',
500: '#91c0ad',
950: '#000000',
},
}SCSS
$custom: #91c0ad; $custom-light: #b2d3c5; $custom-dark: #000000;
JSON
{
"hex": "#91c0ad",
"rgb": {
"r": 145,
"g": 192,
"b": 173
},
"hsl": {
"h": 155.745,
"s": 27.168,
"l": 66.078
},
"oklch": {
"l": 0.76889,
"c": 0.05669,
"h": 168.1
},
"luminance": 0.46736
}Semantic roles & 50–950 ramp
primary
#91C0AD
secondary
#DECFD5
accent
#4069A6
background
#FBFCFC
surface
#F6F9F8
border
#D0D2D1
text
#111412
muted
#808281