#97D082#97D082
#97D082 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.533؛ OKLCH L 79.9% C 0.121 H 137.6°. أفضل لون لنص المتن هو #000000 بتباين 11.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #97D082 |
|---|---|
| RGB | rgb(151, 208, 130) |
| HSL | hsl(104, 45%, 66%) |
| HSV | hsv(104, 38%, 82%) |
| CMYK | cmyk(27.4%, 0%, 37.5%, 18.4%) |
| CIE-LAB | lab(78.05, -32.76, 32.99) |
| CIE-LCH | lch(78.05, 46.49, 134.79°) |
| OKLab | oklab(79.94% -0.0895 0.0817) |
| OKLCH | oklch(79.94% 0.121 137.6) |
| XYZ | xyz(39.3465, 53.3014, 29.3299) |
| Luminance | 0.5330 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Pistachio
#93C572
ΔE00 3.21
Light Moss Green
#A6C875
ΔE00 4.86
Pale Olive Green
#B1D27B
ΔE00 5.48
Light Grey Green
#B7E1A1
ΔE00 5.97
Soft Green
#6FC276
ΔE00 6.07
Lichen
#8FB67B
ΔE00 7.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#97D082 #BB82D0
analogous
#BED082 #97D082 #82D094
triadic
#97D082 #8297D0 #D08297
tetradic
#97D082 #82BED0 #BB82D0 #D09482
square
#97D082 #82BED0 #BB82D0 #D09482
split-complementary
#97D082 #9482D0 #D082BE
monochromatic
#559D3B #72BF56 #97D082 #BCE1AE #E1F1DB
إمكانية الوصول والتباين
On white
1.80
#97D082 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.66
#97D082 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #97D082
11.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##97D082 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##97D082 | 1.00 | 1.80 | 11.66 | 11.66 |
| #FFFFFF | 1.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D5C47C
Deuteranopia (green-blind)
#CCBF86
Tritanopia (blue-blind)
#95CBBC
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #97d082; /* rgb */ color: rgb(151, 208, 130); /* oklch */ color: oklch(79.9% 0.121 137.6);
Tailwind
colors: {
custom: {
50: '#b7dea7',
500: '#97d082',
950: '#000000',
},
}SCSS
$custom: #97d082; $custom-light: #b7dea7; $custom-dark: #000000;
JSON
{
"hex": "#97d082",
"rgb": {
"r": 151,
"g": 208,
"b": 130
},
"hsl": {
"h": 103.846,
"s": 45.349,
"l": 66.275
},
"oklch": {
"l": 0.79936,
"c": 0.12119,
"h": 137.6
},
"luminance": 0.53303
}Semantic roles & 50–950 ramp
primary
#97D082
secondary
#8D54A2
accent
#2DB993
background
#FDFEFC
surface
#F8FCF6
border
#D1D5D0
text
#11150F
muted
#818480