#91C6A0#91C6A0
#91C6A0 لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.489؛ OKLCH L 77.9% C 0.077 H 153.2°. أفضل لون لنص المتن هو #000000 بتباين 10.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #91C6A0 |
|---|---|
| RGB | rgb(145, 198, 160) |
| HSL | hsl(137, 32%, 67%) |
| HSV | hsv(137, 27%, 78%) |
| CMYK | cmyk(26.8%, 0%, 19.2%, 22.4%) |
| CIE-LAB | lab(75.42, -25.00, 13.56) |
| CIE-LCH | lch(75.42, 28.45, 151.52°) |
| OKLab | oklab(77.91% -0.069 0.0349) |
| OKLCH | oklch(77.91% 0.077 153.2) |
| XYZ | xyz(38.2144, 48.9445, 40.6846) |
| Luminance | 0.4895 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkseagreen
#8FBC8F
ΔE00 3.73
Pale Teal
#82CBB2
ΔE00 5.79
Mediumaquamarine
#66CDAA
ΔE00 7.20
Seafoam Blue
#78D1B6
ΔE00 7.24
Seafoam
#7FE0B3
ΔE00 7.76
Lichen
#8FB67B
ΔE00 7.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#91C6A0 #C691B7
analogous
#9DC691 #91C6A0 #91C6BB
triadic
#91C6A0 #A091C6 #C6A091
tetradic
#91C6A0 #919DC6 #C691B7 #C6BB91
square
#91C6A0 #919DC6 #C691B7 #C6BB91
split-complementary
#91C6A0 #BB91C6 #C6919D
monochromatic
#4B915F #69B17D #91C6A0 #B9DBC3 #E2F0E6
إمكانية الوصول والتباين
On white
1.95
#91C6A0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.79
#91C6A0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #91C6A0
10.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##91C6A0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91C6A0 | 1.00 | 1.95 | 10.79 | 10.79 |
| #FFFFFF | 1.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6BD9E
Deuteranopia (green-blind)
#BDB7A2
Tritanopia (blue-blind)
#89C5BB
Achromatopsia (no color)
#BABABA
وسوم التصميم والكود
CSS
--color: #91c6a0; /* rgb */ color: rgb(145, 198, 160); /* oklch */ color: oklch(77.9% 0.077 153.2);
Tailwind
colors: {
custom: {
50: '#b2d7bc',
500: '#91c6a0',
950: '#000000',
},
}SCSS
$custom: #91c6a0; $custom-light: #b2d7bc; $custom-dark: #000000;
JSON
{
"hex": "#91c6a0",
"rgb": {
"r": 145,
"g": 198,
"b": 160
},
"hsl": {
"h": 136.981,
"s": 31.737,
"l": 67.255
},
"oklch": {
"l": 0.77908,
"c": 0.07736,
"h": 153.2
},
"luminance": 0.48946
}Semantic roles & 50–950 ramp
primary
#91C6A0
secondary
#E2D1DD
accent
#3B8BAA
background
#FBFDFB
surface
#F6FAF6
border
#D0D3D0
text
#111412
muted
#808381