#61B65D#61B65D
#61B65D لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.368؛ OKLCH L 70.2% C 0.150 H 142.9°. أفضل لون لنص المتن هو #000000 بتباين 8.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61B65D |
|---|---|
| RGB | rgb(97, 182, 93) |
| HSL | hsl(117, 38%, 54%) |
| HSV | hsv(117, 49%, 71%) |
| CMYK | cmyk(46.7%, 0%, 48.9%, 28.6%) |
| CIE-LAB | lab(67.12, -43.85, 37.31) |
| CIE-LCH | lch(67.12, 57.57, 139.61°) |
| OKLab | oklab(70.16% -0.1194 0.0903) |
| OKLCH | oklch(70.16% 0.15 142.9) |
| XYZ | xyz(23.6324, 36.7860, 16.2089) |
| Luminance | 0.3679 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Boring Green
#63B365
ΔE00 1.92
Dark Pastel Green
#56AE57
ΔE00 2.50
Fern
#63B76C
ΔE00 2.61
Fern (survey)
#63A950
ΔE00 3.93
Turtle Green
#75B84F
ΔE00 4.28
Soft Green
#6FC276
ΔE00 4.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61B65D #B25DB6
analogous
#8EB65D #61B65D #5DB686
triadic
#61B65D #5D61B6 #B65D61
tetradic
#61B65D #5D8EB6 #B25DB6 #B6865D
square
#61B65D #5D8EB6 #B25DB6 #B6865D
split-complementary
#61B65D #865DB6 #B65D8E
monochromatic
#32692F #469342 #61B65D #8AC987 #B3DCB1
إمكانية الوصول والتباين
On white
2.51
#61B65D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.36
#61B65D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #61B65D
8.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61B65D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##61B65D | 1.00 | 2.51 | 8.36 | 8.36 |
| #FFFFFF | 2.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BAA856
Deuteranopia (green-blind)
#AEA063
Tritanopia (blue-blind)
#57B1A1
Achromatopsia (no color)
#A3A3A3
وسوم التصميم والكود
CSS
--color: #61b65d; /* rgb */ color: rgb(97, 182, 93); /* oklch */ color: oklch(70.2% 0.150 142.9);
Tailwind
colors: {
custom: {
50: '#93cc8c',
500: '#61b65d',
950: '#000000',
},
}SCSS
$custom: #61b65d; $custom-light: #93cc8c; $custom-dark: #000000;
JSON
{
"hex": "#61b65d",
"rgb": {
"r": 97,
"g": 182,
"b": 93
},
"hsl": {
"h": 117.303,
"s": 37.872,
"l": 53.922
},
"oklch": {
"l": 0.70157,
"c": 0.14974,
"h": 142.9
},
"luminance": 0.36788
}Semantic roles & 50–950 ramp
primary
#61B65D
secondary
#C9A4CA
accent
#5ACEC9
background
#F9FCF8
surface
#F2F9F0
border
#CCD2CB
text
#0E130C
muted
#7E827D